css - CSSを使用してGoogle Chromeの特定の幅で画像を高さ100％に設定する方法は?

Question

私はこのcss（以下）を書いて、Firefoxでは正常に動作しますが、Chromeを使用すると問題が発生し、Chromeは「高さ：100％」が実際の画像の100％になると想定しました。設定した幅だけで100％欲しいです。

.prof-img{ width:150px; height:100%; }

Answer 1

「高さ 100%」は親要素から継承されるため、ツリー全体で宣言する必要があります。

body, html {
   height:100%
}

.prof-img {
   width:150px;
   height:100%;
}