Html CSS-相对于高度更改宽度

我正在制作一个网站，我需要一些帮助。我有一个特别的部分，我希望高度是身体的79.6%，我希望这个div的宽度是以高度为基础的。到目前为止，我只能通过改变宽度来改变高度。有人知道如何确保一个元素基于其高度保持相同的纵横比吗？

这将为您提供基于元素高度的4:3缩放比。此代码未经测试，如果需要进一步帮助，请进行注释

var ratioX = 4;
var ratioY = 3;

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

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

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

最好先看看这里