使用％設置全高度不起作用

我已經創建了一個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中，有沒有其他方法可以將元素高度設置爲佔用div的全部空間，而不是使用100％。

來源

2013-07-16 jmj

這應該工作以及：

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-16 05:32:28

的'字體大小：0'是用來清除在div的空間，否則它們變得顯著，並塊將不再適合100％。 –

試試這個

CSS

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

fsFiddle Link

希望這會爲你工作

來源

2013-07-16 05:09:17

感謝您的幫助 – jmj

使用％設置全高度不起作用

回答

相關問題