ios - WKWebView在iPad上旋转后显示裁剪的背景和空白区域

Question

我正在将我的应用程序从UIWebView迁移到iOS8.x的WKWebView(保持对iOS7.x的支持)用户，而我正在显示的网站遇到了麻烦，因为在旋转iPad之后，它会显示内容，但是背景似乎以某种方式被裁剪，因此背景后面有空白。

但是，一旦我开始滚动网站，就会自动修复。当我从横向转到纵向时，也会出现这种空白效果，这使网站的右侧带有空白背景。

这是我尝试解决问题的方法:

(void)willRotateToInterfaceOrientation:
(UIInterfaceOrientation)toInterfaceOrientation duration (NSTimeInterval)duration
{
    [self.view setNeedsUpdateConstraints];
    [_webView setNeedsUpdateConstraints];
}

(void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    [self.view setNeedsUpdateConstraints];
    [_webView setNeedsUpdateConstraints];
}

我已经尝试了很多事情(通过JS重新加载背景，处理如上所示的willRotateToInterfaceOrientation和didRotateFromInterfaceOrientation方法)，但无法解决问题，而 仅在使用WKWebView时发生，如果我切换回UIWebView，网站正确呈现。

我还在相同的设备(装有iOS 8.1.3的iPad2)上在Safari上测试了该网站，无论旋转iPad多少次，它都不会显示错误，因此，我确定它可以解决= )。有人可以帮我吗？

Answer 1

这是WKWebKit中的错误，通常是由应用了position: fixed的HTML元素触发的。我发现的唯一解决方法是在window.scrollTo()事件发生后几百毫秒内使用resize将页面滚动一个像素。