1

div コンポーネントを作成し、その div 内にいくつかの画像を追加しました。特定の高さ (300px) を div に設定し、その中の画像の高さを 100% に設定しました。iOS では正常に動作しますが、Android では、画像が特定の div のみに表示されるのではなく、フルスクリーンに表示されます。私が必要とするのは、画像がそのdivに収まる必要があることです(divの全スペースを占有します)。

私のコード;

<div style="height:300px;width:100%;">
<image src="lilly.png" style="height:100%;width:50%;float:right;">
<image src="rose.png" style="height:100%;width:50%;">
</div>

HTML5 では、100% を使用する代わりに、要素の高さを div の全スペースを占めるように設定する他の方法があります。

4

2 に答える 2

1

これも同様に機能するはずです：

HTML:

<div>
    <img src="http://placehold.it/200x100/f00" />
    <img src="http://placehold.it/300x100/00f" />
</div>

CSS:

div {
    height:300px;
    width:100%;
    background-color:red;
    font-size:0;
}
img {
    width: 50%;
    height: 100%;
    display:inline-block;
}

Jsfiddle: http://jsfiddle.net/vAbRC/2/

于 2013-07-16T05:32:28.777 に答える
0

これを試して

CSS

img{
    max-width:100%;
    height:100%;
}

fsFiddle リンク

これがうまくいくことを願っています

于 2013-07-16T05:09:17.170 に答える