WKWebView旋转时内容未自适应调整大小问题求助

我之前也碰到过一模一样的坑！你已经设置了autoresizingMask，但WKWebView的内容自适应其实需要兼顾网页本身的响应式配置和WebView的布局约束设置，给你几个实用的排查和解决方向：

1. 确认网页的Viewport元标签 #

这是最常见的问题根源！如果网页没有正确设置viewport，哪怕WebView尺寸跟着屏幕变了，内部内容也不会自适应调整。先让前端同事确认网页头部是否包含以下标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

要是没法修改网页代码，你也可以在WebView加载前注入JS来强制设置：

let viewportScript = WKUserScript(source: """
var metaTag = document.createElement('meta');
metaTag.name = 'viewport';
metaTag.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';
document.getElementsByTagName('head')[0].appendChild(metaTag);
""", injectionTime: .atDocumentStart, forMainFrameOnly: true)
contentController.addUserScript(viewportScript)

2. 用Auto Layout约束替代AutoresizingMask #

在Auto Layout环境下，autoresizingMask有时候会因为优先级问题失效，直接添加约束反而更可靠。修改你创建WebView的代码，换成约束布局：

webView = WKWebView(frame: .zero, configuration: config)
webView.translatesAutoresizingMaskIntoConstraints = false // 必须禁用自动转换的约束，否则自定义约束不生效
if let theWebView = webView {
    // ... 保留你的cookie、navigationDelegate等配置代码
    webContainer.addSubview(theWebView)
    // 添加约束让WebView完全贴合webContainer的边缘
    NSLayoutConstraint.activate([
        theWebView.topAnchor.constraint(equalTo: webContainer.topAnchor),
        theWebView.leadingAnchor.constraint(equalTo: webContainer.leadingAnchor),
        theWebView.trailingAnchor.constraint(equalTo: webContainer.trailingAnchor),
        theWebView.bottomAnchor.constraint(equalTo: webContainer.bottomAnchor)
    ])
    theWebView.load(self.myRequest)
}

3. 旋转时强制触发网页重排 #

有时候旋转后WebView没有自动触发网页的resize事件，导致内容没更新。你可以在ViewController的旋转回调里手动触发：

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    // 配合系统旋转动画触发重排，体验更流畅
    coordinator.animate(alongsideTransition: { _ in
        self.webView?.evaluateJavaScript("window.dispatchEvent(new Event('resize'))", completionHandler: nil)
    })
}

这个方法比直接reload网页更友好，不会打断用户当前的操作状态。

4. 检查webContainer的布局是否正常 #

别忘了确认webContainer本身在设备旋转时能正确自适应屏幕！如果webContainer的autoresizingMask或约束没设置对，它自己都不会resize，WebView自然也跟着没变化。

内容的提问来源于stack exchange，提问作者Sindhu