幅が小さくなるにつれて高さが高くなります（高さの逆Vw）

Question

私は、幅が小さくなるにつれてdivの高さを上げようとしています。これにより、すべてのテキストがよりよくフィットし、流出しないようになります。 jsなしでこれを達成することは可能ですか？

width: 100%; 
    height: 29vw; 

Vwが幅の減少と高さを減少させます。（私は正反対の行動を必要としています。幅は、ダウン高さが上がる行く）私は運に効果を逆転するために、負のVWを使用して試してみました。

ありがとうございました！

SOLUTION：

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

これは魅力のように働いた、はい、それは可能であるfreestock.tkとトレバー・クラーク

Answer 1

ありがとう：calc(Xpx - Xvw)が小さくなる一方で

vwは、小さな画面上で大きくなっ小さな画面で

例：vhvminとvmax：また

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

jsfiddle DEMO

、あなたはビューポートのサイズに関連した他の3台を使用することができます。

vw - ビューポートの幅の1％に相当*。
vh - ビューポートの高さの1％に相当*。
vmin - ビューポートの*小さい方の寸法の1％に相対します。
vmax - ビューポートの*より大きい次元の1％に相対します。

*ビューポート =ブラウザのウィンドウサイズ。

出典：w3schools