html - 希望从屏幕的左到右显示 slider 图像大小

Question

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

现在我使用的图像大小为 1600 像素宽和 500 像素高。最初它在我的页面底部显示滚动条。现在我给了溢出:隐藏。所以它只显示了图像的一半...

我希望整个图像应该显示在所有维度窗口中。我应该使用什么图像大小 & 给我一些 css 提示,,,

请帮助我实现这个....

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”可以替换为您想出的任何类名。