能否仅通过Storyboard创建随设备宽高变化的上下左右布局约束？

当然可以！完全不需要额外添加任何视图就能实现这个需求，我日常做iOS布局经常用这几招，纯Storyboard就能搞定，给你分享两种最实用的方法：

这是实现「间距随设备宽高自动缩放」最直接的方式，通过约束的公式让间距和父视图的宽/高成比例，自动适配不同设备：

• 先给你的目标视图添加基础的top/leading/trailing/bottom约束（随便设个初始constant就行，后面会调整）。
• 选中要修改的约束（比如top约束），打开右侧的Size Inspector（那个尺子图标）。
• 在「Constraint」区域，你会看到默认的公式：[你的视图].top = 1 * [父视图].top + [固定constant]。
• 点击「Second Item」的下拉菜单，把它从「父视图.top」改成「父视图.Height」（如果想基于屏幕高度适配）或者「父视图.Width」（基于屏幕宽度适配）。
• 调整Multiplier的值：比如你希望top间距是屏幕高度的5%，就设为0.05，然后把「Constant」改成0。
• 这样约束公式就变成了：[你的视图].top = [父视图].top + 0.05 * [父视图].Height，间距会自动随设备高度变化。

同理，leading/trailing可以基于父视图的Width设置Multiplier，bottom基于Height，全程不用额外视图。

如果你的需求是分档适配（比如小屏设备用20的间距，大屏设备用40），可以用Size Classes实现：

• 先设置好基础约束的constant（比如默认20）。
• 选中约束，打开右侧的Attributes Inspector。
• 在「Constant」旁边，点击那个小的「+」号，选择你要适配的Size Class（比如Regular Width + Regular Height，对应iPad等大屏设备）。
• 然后为这个Size Class设置单独的constant（比如40），这样在对应设备上就会自动使用这个值，其他设备用默认值。
• 这种方法适合分场景适配，同样不需要额外视图。

如果需要更复杂的逻辑（比如同时基于宽高的最小值调整间距），可能需要少量代码，但如果只是随设备宽高线性变化，上面两种方法完全足够，纯Storyboard就能搞定。

内容的提问来源于stack exchange，提问作者Houcem Eddine Soued