iOS-UIWebView 自适应网页图片

  
  
    
Test Img howtoautofitwebview
    
    
Another image
    
    
Third image
    
  

以上为网页中带有三张图片代码。这三张图片的宽度已经超过iPhone的屏幕宽度，那么我们怎么才能让网页的图片在iPhone中自适应呢。这时候，我们可以使用UIWebView控件加载网页，通过原生API改变网页的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 = [NSStringstringWithFormat:js, [UIScreen mainScreen].bounds.size.width - 20];
  
  [webViewstringByEvaluatingJavaScriptFromString:js];
  [webViewstringByEvaluatingJavaScriptFromString:@"imgAutoFit()"];
}