Nib中WKWebView无法匹配ContentView尺寸，求约束设置方法

你用代码创建WKWebView后直接设置frame的方式不太稳妥——毕竟在awakeFromNib阶段，视图的最终布局还没完成，contentView的bounds大概率不是最终显示的尺寸，而且后续遇到屏幕旋转、父视图布局调整时，frame也不会自动更新。既然你的BlueView（contentView）约束已经设置正确，咱们用AutoLayout来绑定webView的尺寸就完美解决问题了，具体修改如下：

调整后的代码实现 #

替换你原来的awakeFromNib方法内容，用AutoLayout约束让webView完全贴合contentView：

override func awakeFromNib() {
    super.awakeFromNib()
    
    // 1. 将webView添加到contentView的子视图列表中
    contentView.addSubview(webView)
    
    // 2. 禁用自动转换约束（代码创建的视图默认开启，会和手动约束冲突）
    webView.translatesAutoresizingMaskIntoConstraints = false
    
    // 3. 添加边缘对齐约束，让webView完全匹配contentView的尺寸
    NSLayoutConstraint.activate([
        webView.topAnchor.constraint(equalTo: contentView.topAnchor),
        webView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
        webView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
        webView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
    ])
    
    // 这里可以继续添加webView的加载逻辑，比如loadRequest等操作
}

为什么这个方法更可靠？ #

• 禁用translatesAutoresizingMaskIntoConstraints是代码创建视图时的必要步骤，能避免系统自动生成的约束和咱们手动添加的约束产生冲突；
• 四个边缘对齐的约束会让webView完全跟随contentView的尺寸变化，不管contentView因为适配不同屏幕、父视图布局调整等原因改变大小，webView都会自动适配；
• AutoLayout是苹果官方推荐的布局方案，能覆盖更多复杂的布局场景，比固定frame的方式更灵活。

另外补充一句：如果你其实已经在Nib文件里拖入了WKWebView，那完全不需要用代码创建，直接给这个Nib里的webView添加约束绑定到contentView的四个边缘就行，操作起来更简单。

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