Question

我计划在我的magento主页中使用滑块。滑块应完全从左到右覆盖。图像应完全从左到右覆盖，所有尺寸显示器的高度均为500px。

现在我使用的图像尺寸为1600像素w＆amp; 500px ht。最初它在页面底部显示滚动条。现在我给溢出：隐藏。所以它显示了图像的一半...

我希望整个图像都应该显示在所有尺寸窗口中。我应该使用什么图像尺寸＆amp;给我一些css提示,,,

Plz帮助我实现这个目标....

Answer 1

我认为这就是你要找的东西。基本上，它应该水平填充父级的空间，然后在宽度缩小时约束比例。如果您希望它保持在该高度，只需将height:auto;替换为height:500px;即可。

<style>
.container_img {
width:100%;
height:auto;
}
</style>
<img class="container_img" src="http://www.wesleyeterry.com/startup.png">

另外，为了清楚起见，`container_img＆＃39;可以替换为您提出的任何类名。