除iPhone 11外其他iPhone模拟器运行APP出现屏幕缩放适配问题

仅单款机型显示正常、其余机型出现横向可滚动的“缩放”效果，是典型的UIScrollView内容约束配置错误，和系统版本没有强关联，可按以下步骤逐一排查修复： #

现象对应依据 #

• 仅iPhone 11显示正常：iPhone 11的逻辑宽度为414pt，刚好和当前约束下系统自动计算的内容宽度完全匹配，不会触发横向滚动
• 非裁切而是可左右滚动：说明滚动视图的contentSize宽度大于当前设备屏幕宽度，属于AutoLayout计算结果异常，不是渲染层缩放问题
• 对应视图层级与约束配置参考：
  
  已知当前ContentView相对父视图的约束为：Top=0、Bottom=-70、Leading=0、Trailing=0，可直接对应以下排查项：

排查修复步骤 #

1. 补全ScrollView和ContentView的必要约束 #

iOS AutoLayout对UIScrollView的布局有强制规则，90%的同类问题都是缺失了宽度锚定约束：

• 滚动视图内部的ContentView，除了需要把上下左右四个边锚定到ScrollView的Content Layout Guide之外，必须额外添加一个等宽约束，把ContentView的宽度绑定到ScrollView的Frame Layout Guide上，禁止系统通过子元素的固有尺寸自动撑开横向宽度。
• 若使用代码布局，补全以下约束即可：

// 锚定内容布局边距
contentView.topAnchor.constraint(equalTo: scrollView.contentLayoutGuide.topAnchor).isActive = true
contentView.leadingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.leadingAnchor).isActive = true
contentView.trailingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.trailingAnchor).isActive = true
contentView.bottomAnchor.constraint(equalTo: scrollView.contentLayoutGuide.bottomAnchor).isActive = true
// 关键缺失约束：宽度和滚动视图可视区域宽度一致，消除横向滚动
contentView.widthAnchor.constraint(equalTo: scrollView.frameLayoutGuide.widthAnchor).isActive = true

• 若使用Xib/Storyboard布局，选中ContentView，按住Control拖向ScrollView，选择Equal Widths即可，不需要修改现有边距约束。

2. 排查子视图的约束冲突 #

补全约束后如果问题仍然存在，检查ContentView内部子元素的约束：

• 运行程序切到异常尺寸模拟器，打开控制台筛选Unable to simultaneously satisfy constraints日志，找到冲突的约束，删除冗余的固定宽度、高优先级宽度限制类约束
• 重点检查文本框、标签类控件是否设置了大于屏幕宽度-40的固定宽度/最小宽度约束，这类约束会强制撑大ContentView宽度

3. 规避Xcode 13.4.1的Storyboard布局bug #

Xcode 13.4.1存在已知的ScrollView约束映射bug：当Scrollview的Content Insets Adjustment Behavior设为Automatic时，Storyboard中配置的Frame Layout Guide约束会在编译时被错误替换为Content Layout Guide约束，导致布局异常。

• 修复方式：选中对应ScrollView，在属性检查器中将Content Insets Adjustment Behavior修改为Never，清理工程缓存（快捷键Cmd+Shift+K）后重新编译即可

4. 结果验证 #

修复完成后可在运行时通过断点确认：

• 打印对应滚动视图的contentSize.width，该值应当和当前设备的屏幕逻辑宽度完全一致
• 横向滑动手势会被禁用，页面仅保留预期的纵向滚动能力，子元素20pt的左右边距在所有尺寸机型上都能正常生效

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