WKWebView横屏模式显示异常求助 附Storyboard及代码

我之前也踩过WKWebView横屏适配的坑，结合你给出的代码和Storyboard布局场景，给你几个针对性的解决思路：

1. 修复布局约束与WebView初始化逻辑 #

这是最常见的问题根源，先检查这两点：

• 确保Storyboard里的webContainer视图已经添加了完整的四边约束（top、bottom、leading、trailing均绑定到父视图，约束优先级设为1000），这样横屏时容器才能自动拉伸填充屏幕。
• 初始化WKWebView时，必须让它跟随容器自动调整大小，修改你的initMyWeb方法：

  func initMyWeb() -> Void {
      // 初始化WKWebView配置（可选，根据需求添加）
      let webConfig = WKWebViewConfiguration()
      // 让webView的frame与容器保持一致，并开启自动调整
      webView = WKWebView(frame: webContainer.bounds, configuration: webConfig)
      webView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
      // 将webView添加到容器中
      webContainer.addSubview(webView)
      
      // 加载请求
      let myBlog = "https://google.com"
      guard let myURL = URL(string: myBlog) else { return }
      let request = URLRequest(url: myURL)
      webView.load(request)
      // 别忘了设置代理（如果需要的话）
      webView.navigationDelegate = self
  }
  

2. 确保ViewController支持横屏方向 #

如果你的ViewController默认不允许横屏，也会导致WebView无法正常显示，添加横屏支持代码：

// iOS 16及以上版本适配
override func supportedInterfaceOrientations() -> UIInterfaceOrientationMask {
    return .allButUpsideDown // 可根据需求调整为仅支持横屏等
}

// iOS 15及以下版本适配
override var supportedInterfaceOrientations: UIInterfaceOrientationMask {
    return .allButUpsideDown
}

3. 避免干扰WebView的ScrollView布局 #

WKWebView内部的scrollView默认会跟随WebView的大小自动调整，如果你手动修改过webView.scrollView的frame、约束或contentInset，可能会导致横屏异常。确保不要随意修改这些属性，让它保持默认状态。

4. 排查其他干扰因素 #

如果上面的方法都没用，可以先暂时移除WKNavigationDelegate的实现代码，测试是否是代理方法里的逻辑（比如拦截请求、修改页面内容）导致了布局异常。

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