Html 具有固定长宽比的刻度尺(给定高度)

Html 具有固定长宽比的刻度尺(给定高度),html,css,aspect-ratio,Html,Css,Aspect Ratio,我正在寻找一种保持div的纵横比固定的方法。我已经找到了这样的帖子: 但这些帖子总是希望给出宽度。我想指定一个固定的比率,然后指定高度或宽度 示例: <div class=fixed_ratio style="width: 50px;"></div> <div class=fixed_ratio style="height: 50px;"></div> 比如说,固定比率-类使用1:5的固定比率。上面的两行应该产生两个div(50px/

我正在寻找一种保持div的纵横比固定的方法。我已经找到了这样的帖子:

但这些帖子总是希望给出宽度。我想指定一个固定的比率,然后指定
高度
宽度

示例:

<div class=fixed_ratio style="width: 50px;"></div>
<div class=fixed_ratio style="height: 50px;"></div>

比如说,
固定比率
-类使用1:5的固定比率。上面的两行应该产生两个
div
(50px/250px,10px/50px)


如果没有javascript,这可能吗?

给定宽度-您可以生成特定纵横比的高度。。。但是给定一个生成宽度的高度——我认为没有javascript这是不可能的