html - 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);

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