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 图片自适应屏幕宽度的主要内容,如果未能解决你的问题,请参考以下文章