em ベースのレイアウトで画像を処理する方法は次のとおりです。
.model {
width: 14.5em;
float: left
}
.model img {
width: 100%;
height: auto;
}
問題は、一部の画像の縦横比や寸法が異なり、レイアウトが崩れることです。
だから私は画像にemで固定サイズを与えようとしています。
私がこれを行う場合:
.model {
width: 14.5em;
float: left
}
.model img {
width: 14.5em;
height: 14em;
}
高さは正しく設定されていますが、幅が 14.5em 未満です。
理由はありますか?