根据页面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

您可以指定图片是其容器的宽度，如果是页面，那么就是这样 - 但您需要指定width，而不是size：

width: 100%;

同样，您也可以指定height;这可能会对您的情况有用，因为如果您检查ShadowWizard提供的test case，那么您会注意到，宽高比may be kept（可能会缩小其容器内的高度或将其扩展出容器）。显然，height force it to size accordingly会使用{{1}}。

Answer 2

img.s1 {
  width: 100%;
}

或..如果你想要绝对定位

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