ios webview 图片自适应屏幕宽度

Posted 高晓牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ios webview 图片自适应屏幕宽度相关的知识,希望对你有一定的参考价值。

//这个知识点主要是自己最近在尝试写后台接口  在移动端展示的时候需要用到这个知识点,在webViewDidFinishLoad方法里面执行一段js代码  拿到各个图片  判断其宽度是否大于当前手机屏幕尺寸,是的话则调整为屏幕宽度显示,不是的话则原样显示

代码如下:
 1 - (void)webViewDidFinishLoad:(UIWebView *)webView {
 2 //    2、都有效果
 3     NSString *js=@"var script = document.createElement(‘script‘);"
 4     "script.type = ‘text/javascript‘;"
 5     "script.text = \"function ResizeImages() { "
 6     "var myimg,oldwidth;"
 7     "var maxwidth = %f;"
 8     "for(i=0;i <document.images.length;i++){"
 9     "myimg = document.images[i];"
10     "if(myimg.width > maxwidth){"
11     "oldwidth = myimg.width;"
12     "myimg.width = %f;"
13     "}"
14     "}"
15     "}\";"
16     "document.getElementsByTagName(‘head‘)[0].appendChild(script);";
17     js=[NSString stringWithFormat:js,[UIScreen mainScreen].bounds.size.width,[UIScreen mainScreen].bounds.size.width-15];
18     [webView stringByEvaluatingJavaScriptFromString:js];
19     [webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
20 
21 }

参考链接:

以上是关于ios webview 图片自适应屏幕宽度的主要内容,如果未能解决你的问题,请参考以下文章

ios webview怎么适配html的大小

如何让网页自适应所有屏幕宽度

iOS-UIWebView加载HTMLString图片显示超过屏幕宽度,导致webView可以左右滑动处的理方法

CSS使图片自适应显示宽度代码怎么用?

如何让网页自适应屏幕大小

android webview控件,当控件宽度较小时,自适应问题