它于 昨天发布！对我们 CSS 领域来说，最大的新闻是新版本 支持 aspect-ratio 属性。这紧随 Safari 宣布支持它 于 Safari Technology Preview 118 发布之后，该版本于 1 月 6 日发布。这让我们对它在 Edge、Firefox 和其他浏览器中的推出充满期待。
这是发布视频，已跳至 aspect-ratio 支持部分
对于那些赶上进度的人
- 纵横比定义了元素尺寸的比例。例如，纵横比为
1/1的框是一个完美的正方形。纵横比为3/1的是一个宽矩形。许多视频的目标纵横比为16/9。 - 某些元素，例如图像和 iframe，具有固有纵横比。这意味着如果声明了宽度或高度，则会自动计算另一个尺寸，以保持其比例。
- 非替换元素，如 div，没有固有纵横比。 我们已经采用了填充技巧 来获得相同的效果。
- CSS 中对
aspect-ratio属性的支持使我们能够保持非替换元素的纵横比。 - 使用它有一些技巧。例如，在具有
aspect-ratio的元素上定义width将导致 该属性使用该width值来计算元素的高度。定义高度也是如此。如果我们同时定义元素的width和height呢？aspect-ratio将被完全忽略。
现在看来是时候开始复习一下了！
- CSS 盒子尺寸模块级别 4（官方规范，目前处于编辑草案阶段）
- MDN 文档
- 初识
aspect-ratio（CSS-Tricks） - 为 CSS 定义纵横比单位（Rachel Andrew，CSS-Tricks 笔记）