CSS - 相对于高度改变宽度

Question

我现在正在建立一个网站，我需要一些帮助。我有一个特定的部分，我希望高度为身体的79.6％，我希望该div的宽度基于高度。到目前为止，我只能找到基于宽度改变高度的方法。有没有人知道如何确保元素根据其高度保持相同的宽高比？

Answer 1

这为您提供了基于元素高度的4：3缩放比例。如果您需要进一步的帮助，此代码未经测试，请发表评论。

var ratioX = 4;
var ratioY = 3;

var eleHeight = $('#targetElement').height();
var scale = eleHeight/ratioY;
var eleWidth = scale * ratioX;

$('#targetElement').width(eleWidth);

您可以添加resize事件并将其包装到函数中，因此每当调整浏览器大小时，您的图像将按比例缩放。如果你需要css答案，我不知道任何技巧。