美文网首页html网页iOS开发杂货铺
iOS完美解决UIWebView网页适应问题

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

作者: 策马鞭程 | 来源:发表于2016-07-29 10:23 被阅读1195次
    使用: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

    相关文章

      网友评论

        本文标题:iOS完美解决UIWebView网页适应问题

        本文链接:https://www.haomeiwen.com/subject/kbiajttx.html