UIWebView 自动旋转会破坏 Web 视图内容（内部截图）

Question

我遇到了 UIWebView 自动旋转的问题。
网络视图正常，但内容不行。
正如您在底部屏幕截图中看到的那样，有一个黑色边距，我知道这是 web 视图，因为我可以在滚动时看到滚动条。

视图控制器有：

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation 
{
    return YES;
}

webview 具有完全自动调整大小的掩码，并且该视图是自动调整子视图的大小。

我尝试了 stackoverflow 和 google 的一系列技巧，但都没有奏效。
这只发生在某些网站上，但如果我在移动 safari 甚至 ios Opera 浏览器中打开有问题的网站，它会正确旋转。

编辑：有问题的网站示例：http://m.calcalist.co.il

webview 在界面生成器中设置并使用以下代码加载：

[_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://m.calcalist.co.il"]]];

scalesPageToFit = YES; // doesn't help

谢谢！

Answer 1

在willAnimateRotationToInterfaceOrientation中设置框架，然后设置元标记。

你也可以设置UIWebView的这个属性：

webView.autoResizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;

Answer 2

您可以将 Web 视图的 scalesPageToFit 属性设置为 YES。

如果您是自己生成 HTML，那么您也可以设置 viewport 元标记。

如果页面已经设置了视口，你可以将你的 viewcontroller 设置为 web view 的代理，并像这样改变它：

- (void)webViewDidFinishLoad:(UIWebView *)webView {

    NSString *javaScript = @"var metatags = document.getElementsByTagName('meta'); \
    for(cnt = 0; cnt < metatags.length; cnt++) { \
        var element = metatags[cnt]; \
        if(element.getAttribute('name') == 'viewport') { \
            element.setAttribute('content','width = device-width; user-scalable = yes'); \
        } \
    }";
    [webView stringByEvaluatingJavaScriptFromString:javaScript];
}

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation {

    if ([self interfaceOrientation] == UIInterfaceOrientationPortrait)
        [webView stringByEvaluatingJavaScriptFromString:@"document.body.style.zoom = 1.0;"];
    else
        [webView stringByEvaluatingJavaScriptFromString:@"document.body.style.zoom = 1.5;"];
}