3

DIV と IMG の両方が高さ 100% に設定されており、幅は自動です。

しかし、ブラウザーの高さのサイズを変更しながら、DIV を IMG の幅に合わせてサイズ変更/ラップ (およびアスペクト比を維持) したいと考えています。これだけはそうではないようです。どのブラウザでも。この動作が発生する理由を知っている人はいますか?

div {
    height:100%;
    background:red;
    display:inline-block;
    padding:20px;
    box-sizing:border-box;
}

img {
    height:100%;
    display:block;
}

<div>
    <img src="http://upload.wikimedia.org/wikipedia/commons/e/e9/Official_portrait_of_Barack_Obama.jpg"/>
</div>

ここで試すことができます。div の背景は赤です。 http://jsfiddle.net/jjktF/3/

ありがとう！

4

4 に答える 4

0

div の幅を画像の幅と同じに設定してみてください。

于 2013-09-04T10:17:06.130 に答える