宽高比

iOS原生支持

在 iOS 上叫aspectRatio

也叫 aspectRatio(_:contentMode:)

SwiftUI: View.aspectRatio(_:contentMode:)

官方描述是「把这个视图的尺寸约束到指定的宽高比」。与 CSS 的关键差别是 contentMode 不是可选的：官方把它写成「一个标记，指示这个视图是 fit 还是 fill 父级上下文」—— 光给比例不够，还必须说清是装进去还是填满。比例传 nil 表示沿用当前比例。

元素的宽和高之间保持的比例，窗口变化时按这个比例一起缩放，而不是各缩各的。

其他平台的相似实现

Web原生支持

aspect-ratio同名

官方定义是「允许你定义元素盒子期望的宽高比」—— 是一个期望值，最终尺寸仍受其他尺寸属性约束。

Android原生支持

aspectRatio同名

官方措辞是「尝试」把内容尺寸匹配到指定比例，并逐条列出尝试顺序：maxWidth、maxHeight、minWidth、minHeight。

宽高比决定这块区域是什么形状，内容裁剪决定装不下的部分怎么办。