转载

UIWebView的loadHTMLString图片和文字自适应

iOS中用UIWebView的loadHTMLString后图片和文字失调，图片过大，超过屏幕，文字太小；或者图片太小，文字太大，总之就是不协调。

我们的需求是让图片的大小跟着屏幕的变化而变化，就是动态的去适应屏幕；那么文字的字体就是我们自己可以控制，可大可小。要想达到这样的效果，我们要在用loadHTMLString加载字符串之前对它进行处理。怎么处理呢？什么原理呢？

处理HTMLString的方法

 
NSString *htmls = [NSStringstringWithFormat:@"<html> /n"
                  "<head> /n"
                  "<style type=/"text/css/"> /n"
                   "body{font-size:15px;}/n"
                  "</style>/n"
                  "</head> /n"
                  "<body>"
                  "<script type='text/javascript'>"
                   "window.onload = function(){/n"
                   "var $img = document.getElementsByTagName('img');/n"
                   "for(var p in  $img){/n"
                      " $img[p].style.width = '100%%';/n"
                       "$img[p].style.height ='auto'/n"
                   "}/n"
                   "}"
                   "</script>%@"
                  "</body>"
                  "</html>",htmlString];