图片大小跟屏幕自适应
- (void)webViewDidFinishLoad:(UIWebView *)webView 在webview的代理方法中,添加如下代码
NSString *js =@"function imgAutoFit() { \
var imgs = document.getElementsByTagName('img'); \
for (var i = 0; i < imgs.length; ++i) {\
var img = imgs[i]; \
img.style.maxWidth = '100%%'; \
img.style.height = 'auto';\
} \
var h = document.getElementsByTagName('p'); \
for (var i = 0; i < h.length; ++i) {\
var content = h[i]; \
content.style.padding = '0px 6px'; \
} \
}";
[webView stringByEvaluatingJavaScriptFromString:js];
[webView stringByEvaluatingJavaScriptFromString:@"imgAutoFit()"];
这个js是暂时发现的最好的显示图片的方式。webview为屏幕大小 不能左右滑动 图片按宽高比展示 且能显示出文字图片排布方式。尤其注意
img.style.maxWidth = '100%%'; \
img.style.height = 'auto’;\
这两行代码中的单引号、两个百分符号一定要写上。
下面部分用于调整webview左右两边的间距
content.style.padding = '0px 6px’;
间距为“上右下左” 上下对应 ,左右对应。如果数据没有写完整,则使用数据对齐规则。