想要從屏幕的左側到右側顯示滑塊圖像大小

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'可以用你想出的任何類名取代。