iOS登录屏Auto Layout适配求助：小屏图片溢出界面

我之前也碰到过类似的小屏适配坑，尤其是登录页这种元素规整但容易在小屏翻车的界面，结合你已经尝试过的方法，给你几个针对性的调整思路，应该能解决图片溢出的问题：

• 调整图片的优先级参数
  先确认图片是否保留了宽高比约束（这很重要，避免压缩变形），然后：

  • 把图片的水平/垂直内容压缩抵抗优先级调低至749（默认是750，低于文本标签的默认优先级），这样空间不足时图片会优先被压缩，而不是挤爆界面；
  • 把图片的水平/垂直内容拥抱优先级调高至251（高于默认的250），让图片在空间足够时尽量保持固有尺寸，空间不足时主动收缩。

• 优化栈视图的配置
  如果你用栈视图管理登录元素（图片、文本、按钮等）：

  • 将栈视图的Distribution设置为Fill Proportionally，让元素按比例分配空间；
  • 给栈视图添加小于等于父视图高度的约束（优先级设为999），允许栈视图在小屏时整体收缩；
  • 在栈视图内给图片设置最高的Content Hugging Priority，确保文本、按钮等必要元素先占用空间，图片自适应剩余区域。

• 移除硬编码宽高，改用最大尺寸约束
  如果你给图片设了固定宽高约束，赶紧换成宽高比约束+最大宽/高约束（比如Width <= 220、Height <= 180，优先级999），这样图片在大屏时显示最大尺寸，小屏时自动缩小到适配空间。

• 绑定安全区域与内边距
  确保登录界面的容器视图约束绑定到安全区域而非父视图边缘，同时给容器视图添加Leading >= 16、Trailing >= 16的内边距约束，让左右留足缓冲空间，避免图片贴边或溢出。

调整完后，直接用IB的Preview功能切换到iPhone SE这类小屏机型实时验证，或者用模拟器测试效果。如果还是有问题，可以把当前的约束配置细节列出来，再针对性排查。

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