宽高比

Web原生支持

在 Web 上叫aspect-ratio

CSS: aspect-ratio

官方定义是「允许你定义元素盒子期望的宽高比」—— 是一个期望值，最终尺寸仍受其他尺寸属性约束。只声明比例，不涉及内容如何填充，这一点与 iOS 不同。

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

示例

Webaspect-ratio原生支持点选数值，样本实时变化

aspect-ratio: 16 / 9;

iOS原生支持

aspectRatio同名

官方描述是「把这个视图的尺寸约束到指定的宽高比」。

Android原生支持

aspectRatio同名

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

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