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
在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
相关文章推荐
- iOS 解决键盘遮挡问题
- Android 6.0 双卡拨号
- android studio视频教程
- Making Android Studio pretty配色方案
- js中apply方法的使用
- 设计模式_状态模式
- 了解iOS上的可执行文件和Mach-O格式
- swift开发笔记22 在表格的单元格中实现条件跳转
- iOS 解决表单被键盘遮住的问题
- Android WaveView实现水流波动效果
- 按两下退出APP代码
- RAC 执行root.sh 报错 libcap.so.1: cannot open shared object file: No such file or directory
- OC字符串和数组
- 微信第三方登录Android注意事项
- day1_android快捷键
- android studio调试编译错误
- Android必知必会-获取视频文件的截图、缩略图
- Android必知必会-获取视频文件的截图、缩略图
- swift 常用的小句代码
- WaxPatch在iOS客户端中的一种应用