css - 高さを画像 CSS の幅に比例させる

Question

幅が20％の画像の幅に高さを比例させたい。CSSの使い方を教えてください

Answer 1

次のように使用できます。

width: 20%;
height: auto;
-ms-interpolation-mode: bicubic;

Internet Explorer 7の場合、-ms-interpolation-modeプロポーショナルに見えるようにするためにを使用する必要があります。

ノート：

この-ms-interpolation-modeプロパティは、引き伸ばされた画像にのみ適用されます。たとえば、画像の自然な幅がである200x200が、ページデザイナーが高さと幅を400x400指定する場合、特に指定がない限り、画像は最近傍アルゴリズムを使用して新しいサイズに引き伸ばされます。

続きを読む： http： //msdn.microsoft.com/en-us/library/ie/ms530822 （v = vs.85）.aspx

Answer 2

width: 20%;高さを設定してデフォルト値のままにしておくだけですauto。