Chrome 前两天发布了新版本：v88，一个挺吉利的版本。这个版本里有一个新支持的CSS特性值得开发者关注一下，那就是aspect-ratio。

aspect-ratio 之前在CSS中就存在，只不过是被当做媒体查询属性使用的。通过区分不同设备的宽高比来应用一些特殊的样式，如下示例（示例来源于MDN）：

/* 最小宽高比 */
@media (min-aspect-ratio: 8/5) {
  div {
    background: #9af; /* blue */
  }
}

/* 最大宽高比 */
@media (max-aspect-ratio: 3/2) {
  div {
    background: #9ff;  /* cyan */
  }
}

/* 明确的宽高比, 放在最下部防止同时满足条件时的覆盖*/
@media (aspect-ratio: 1/1) {
  div {
    background: #f9a; /* red */
  }
}

aspect-ratio 属性主要用来表示一个元素的尺寸，它不是特指固定的宽高，而是指宽高的比例，即宽高比。比如，正方形的aspect-ratio值是1/1。

这个属性主要可以用于不可替代元素，如div这种标签，它本身没有宽高比。

文中有一些详细的介绍，和一些相关的参考，可以看下，相信不久之后我们就能用上这个属性了。