100％img div根據頁面

Question

我怎樣才能伸展圖像使用頁面上所有的WIDTH？

我正在使用div標記。

<div align="center"> 
       <img class="s1" src="<%=image%>"/> 
     </div> 


img.s1 
{ 
display: block; 
margin-left: auto; 
margin-right: auto; 
border-width: 0px 0px 0px 0px; 
size: 100%; 
} 

謝謝。

Answer 1

img.s1 { 
    width: 100%; 
} 

或..如果你想絕對定位

img.s1 { 
    position: absolute; 
    left: 0; 
    right: 0; 
} 

Answer 2

您可以指定該圖像是其容器的寬度，如果是這樣的頁面，那就這樣吧 - 但你需要指定width，不size：

width: 100%; 

同樣，你也可以指定height;這可能對你的情況有用，因爲如果你檢查ShadowWizard提供的test case，那麼你會注意到，高寬比may be kept（它可以縮小容器內的高度或將其擴展到容器外）。顯然，使用height將會是force it to size accordingly。