css元素固定宽高比例

现在大部分浏览器都已经支持aspect-ratio方法了,所以大胆使用。

一.宽度固定高度按比例

width: 300px;
height: auto;
aspect-ratio: 16/9;

二.高度固定宽度按比例

width: auto;
height: 300px;
aspect-ratio: 16/9;