您的位置:首页 > 移动开发

WebView图片自适应屏幕

2016-03-11 14:29 309 查看
在适应之前,图片是远远大过屏幕的大小的,我们这里通过JS来实现图片自适应大小。

在webview的代理中添加js代码来设置图片的css

- (void)webViewDidFinishLoad:(UIWebView *)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 = %f; \
} \
}";
js = [NSString stringWithFormat:js, [UIScreen mainScreen].bounds.size.width - 20];

[webView stringByEvaluatingJavaScriptFromString:js];
[webView stringByEvaluatingJavaScriptFromString:@"imgAutoFit()"];
}

这里获取了屏幕的宽度,然后设置成图片的最大宽度为屏幕的宽度-20
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: