想要从屏幕的左侧到右侧显示滑块图像大小

Question

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

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

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

PLZ帮我实现这个....

Answer 1

我认为这是你在找什么。基本上，它应该水平填充父级空间，然后在宽度缩小时限制比例。如果你想让它保持在这个高度，只需用height:500px;代替height:auto;即可。

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

另外，要明确一点，'container_img'可以用你想出的任何类名取代。