ccs中设置div高度根据宽度自适应，使用aspect-ratio

aspect-ratio是CSS的一个新属性，用于设置一个元素的宽高比。它可以用于代替使用padding或伪元素实现的宽高比技术，使代码更简洁、可读性更高，并且可以让我们更轻松地控制元素的宽高比。

aspect-ratio属性有两个值：一个数字，表示宽高比，和一个可选的关键字auto，表示元素的高度应该自动计算以匹配元素的宽度和宽高比。例如，aspect-ratio: 16/9表示元素的宽高比为16:9。

使用aspect-ratio时，可以像这样将其应用于任何具有宽度的元素：

.container {
  aspect-ratio: 16/9;
}

这将使容器元素保持一个16:9的宽高比。如果容器元素的宽度为100px，那么它的高度将自动计算为100px * (9 / 16) = 56.25px，从而保持16:9的宽高比。

需要注意的是，aspect-ratio是一个比较新的属性，目前还不是所有浏览器都支持，因此在使用时需要进行兼容性考虑。