iOSUIWebView 的图片,文字大小适应

最新推荐文章于 2021-07-01 13:55:44 发布

iOSxiaobaibai

最新推荐文章于 2021-07-01 13:55:44 发布

阅读量507

点赞数

分类专栏： iOS UIWebView 图片文字处理文章标签： uiwebview ios 图片字体大小

iOS UIWebView 图片文字处理专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

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

处理HTMLString的方法：

  NSString *htmls = [NSString stringWithFormat:@"<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];