Autolayout困惑：横竖屏视图高度不一致原因及统一方法咨询

嘿，这个问题我之前做项目时也碰到过，咱们先拆解下原因，再给你落地的解决办法～

为什么相同约束会出现高度差异？ #

你遇到的情况大概率是因为紫色视图的高度约束是基于父视图（或屏幕）可变尺寸的比例约束：

• 比如你设置了「高度 = 父视图高度 × 某个百分比」，竖屏时父视图高度更高，计算出的紫色视图自然更宽；横屏时父视图高度缩水，结果也就跟着变小。
• 或者是绑定了父视图的宽度比例，不同设备横竖屏的宽高比差异大，导致最终计算出的高度数值不一样。

而iPad和iPhone 12 Pro Max横竖屏高度一致只是巧合：这两款设备的横竖屏父视图尺寸比例刚好让你的约束计算结果接近，比如iPad横竖屏的父视图高度/宽度比例，乘以你的约束系数后数值几乎相同；或者12 Pro Max的屏幕尺寸切换时，约束参照的维度（比如安全区高度）变化刚好被系数抵消，才出现了高度一致的情况。

怎么让紫色视图横竖屏高度一致？ #

要实现横竖屏高度固定，有几个靠谱的方案：

• 直接设置固定高度约束：
  给紫色视图添加一个Height Constraint，把数值设为你想要的固定值（比如58.33）。这样不管是横竖屏切换还是换不同设备，高度都能保持统一。如果需要适配iPad大屏，可以结合Size Classes：在Regular Width（iPad对应的尺寸类）下修改高度约束的值，Compact Width（手机尺寸类）下保持固定值，兼顾统一和适配。
• 基于内容锁定高度：
  如果紫色视图里有文字、图标这类内容，可以让高度跟随内容的intrinsic content size，再给视图加一个Minimum Height约束固定下限，同时删掉之前的比例约束。比如给内部的Label设置固定字体大小，视图高度就会跟着Label走，横竖屏都不会变。
• 把比例约束改成常量约束：
  如果之前用的是比例约束，直接调整属性就行——选中约束，在属性面板里把Multiplier改成1，Constant设为你想要的固定高度，这样就从相对比例变成了固定值约束。

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