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

使用:webView.scalesPageToFit = YES; 
右边一大片空白

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

以下给出两种解决方法:

方法一:(推荐)

UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.width, self.view.height-64)];
    webView.scalesPageToFit = YES; // 自动对页面进行缩放以适应屏幕
    self.htmlStr = [NSString stringWithFormat:@"<head></head><body style=\"zoom:1.28\">%@</body>",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:

iPhone 6s Plus
iPhone 4s
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容