iOS完美解决UIWebView网页适应问题

使用:webView.scalesPageToFit = YES; 
iOS完美解决UIWebView网页适应问题_第1张图片
右边一大片空白

右边空白了一块,没有适应手机屏幕.

以下给出两种解决方法:

方法一:(推荐)

UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.width, self.view.height-64)];
    webView.scalesPageToFit = YES; // 自动对页面进行缩放以适应屏幕
    self.htmlStr = [NSString stringWithFormat:@"%@",self.htmlStr];
    [self.view addSubview:webView];
    [webView loadHTMLString:self.htmlStr baseURL:nil];

zoom:缩放比率

方法二:(需要利用代理,整个界面加载完成,才进行缩放)

遵守代理,实现代理方法
- (void)webViewDidFinishLoad:(UIWebView *)webView
{   
 [webView stringByEvaluatingJavaScriptFromString:@"document.body.style.zoom=0.417"];
}

实现效果图 - iPhone 6s Plus 与 iPhone 4s:

iOS完美解决UIWebView网页适应问题_第2张图片
iPhone 6s Plus
iOS完美解决UIWebView网页适应问题_第3张图片
iPhone 4s

你可能感兴趣的:(iOS完美解决UIWebView网页适应问题)