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答案，我不知道任何技術。