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。