具有固定纵横比的比例div（给定高度）

Question

我正在寻找一种方法来保持div的宽高比固定。我已经找到了这样的帖子：

• Responsively change div size keeping aspect ratio
• Maintain the aspect ratio of a div with CSS

但是这些帖子总是希望给出宽度。我想指定固定比率，然后指定 height 或 width。

示例：

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

让我们说fixed_ratio - 类使用1：5的固定比率。上面的两行应该会产生两个div＆＃39;（ 50px / 250px，10px / 50px ）。

如果没有javascript，这甚至可以吗？