iOS 图文混排中的图片自适应

图片大小跟屏幕自适应

- (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’;

间距为“上右下左” 上下对应 ，左右对应。如果数据没有写完整，则使用数据对齐规则。