在 iOS 9.2 中，可以告诉 WKWebView 呈现 HTML 的固定宽度表格大于设备宽度，可以通过添加如下视口(viewport)标签来缩小内容以适应:
<meta name="viewport" content="width=device-width, shrink-to-fit=YES">
此行导致 WKWebView 有效地缩小视口(viewport)，以便整个渲染页面适合 View 框架，而无需滚动条。例如，考虑以下代码，当在 vanilla 单 View 应用程序的 viewDidLoad 中运行时:
WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];
WKWebView *newWebView = [[WKWebView alloc] initWithFrame:CGRectMake(0,40,self.view.frame.size.width, self.view.frame.size.height - 40) configuration:wkWebConfig];
NSString *toRender = @"<head><meta name=\"viewport\" content=\"width=device-width, shrink-to-fit=YES\"></head><body><table width=700 style='background-color: blue; color:white; font-size=20px'><tr><td>this is some text that is long enough to exceed the width of the iphone 6 unless shrink-to-fit is applied</td></tr></table></body>";
[newWebView loadHTMLString:toRender baseURL:nil];
[self.view addSubview:newWebView];
内容呈现如下:
但是，这种行为在 9.3 中发生了变化。在 9.3 中运行的相同代码呈现如下:
(虽然在截图中看不到，但是有一个水平滚动条)
在 stackoverflow 和其他地方搜索其他问题，似乎大多数其他人更喜欢 9.3 的行为。但是，我需要 9.2 的收缩以适应的行为。所以，我的问题是:有谁知道如何在 9.3 中获得相同的收缩以适应行为？有谁知道这种变化是故意的，还是将在后续版本中修复的错误？
我的测试代码可以在 https://github.com/nsolter/NSWebViewShrinkTest 找到，特别是 https://github.com/nsolter/NSWebViewShrinkTest/blob/master/NSWebViewShrinkTest/ViewController.m
最佳答案
我向 Apple 提交了错误报告，这是回复:
“不，我们不想保持收缩以适应行为。解决方法是使用正确描述内容宽度的视口(viewport)元标记。”
我试过了。如果在 viewport 标记中指定 html 呈现后的实际宽度的宽度，它将正确显示在您的设备宽度上。在上面的示例中，表格宽度为 700，如果您指定:<meta name=\"viewport\" content=\"width=700, shrink-to-fit=YES\">
然后页面将显示没有水平滚动条。
但请注意，您不能指定初始比例视口(viewport)属性。然后它不会以适当的宽度显示。
这显然不太理想，因为在渲染之前您通常不知道渲染的 html 的宽度是多少。我目前的解决方案是先用width=device-width渲染一次，然后再用width=X渲染一次，其中X是第一次渲染页面的实际宽度。
关于viewport - WKWebView 视口(viewport)缩小以适应在 iOS 9.3 上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36633066/