隨着寬度減小而增加高度（反向Vw爲高度）

我一直試圖隨着寬度的減小增加div的高度。這允許所有的文本更好地適應並且不流出。沒有js可以實現嗎？隨着寬度減小而增加高度（反向Vw爲高度）

width: 100%; 
    height: 29vw;

Vw的降低高度的寬度減小。（我需要完全相反的行爲。寬度下降高度上升）我已經使用負VW扭轉沒有運氣效果試過。

謝謝！

SOLUTION：

width: 100%; 
    height: calc(500px - 20vw);

這工作就像一個魅力，謝謝freestock.tk和特雷弗·克拉克

是的，它是可能的：

vw變大了在小屏幕上，同時calc(Xpx - Xvw)變小在小屏幕上。

例子：

div { 
    width: 40vw; 
    height: calc(400px - 20vw); 
    background: tomato; 
}

或者，你可以使用相關的視口的大小等3個單位：vhvmin和vmax。

VW - 相對於視口的寬度的1％*;
vh - 相對於視口高度的1％*;
vmin - 相對於視口的1％*較小的尺寸;
vmax - 相對於視口*的較大尺寸的1％

* viewport =瀏覽器窗口大小。

來源：w3schools

2016-03-25 03:04:13

我沒有找到這個「絕招」時，我一直在尋找的答案，[**這個問題**]（http://stackoverflow.com/q/35978790/5875416） –

回答