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 }

參考鏈接:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM