全寬圖像容器

我想在引導程序的容器中擁有全寬度響應圖像。我使用的圖像的大小是800×667。當我使用下面的代碼時，會發生什麼情況是圖像在大屏幕中沒有完全縮放。有人能幫助我嗎？全寬圖像容器

<div class="myDiv"> 
     <img class="myImage" src="...." > 
    </div>

的CSS：

.myDiv { 
    padding: 0; 
} 
.myImage { 
    max-width: 100%; 
    height: 500px; 

}

2016-09-11 Bing

你想要的形象留在高度500像素，無論屏幕的寬度是多少？ – phpheini

請創建jsfiddle。 – user6801750

不，但即使如果我設置它自動，圖像不縮放全寬。我想知道爲什麼？ – Bing

你有一個固定的高度。嘗試設置高度：自動;以保持規模

2016-09-11 14:29:47 Zedkay22

我試過，但仍然是圖像未縮放全寬。 – Bing

這是你應該發表評論，而不是回答。 – Dekel

從最大寬度中刪除「max」，所以它只是寬度：100％ – Zedkay22

你應該做的是刪除max-width並用width替換它。

如果要將其設置爲特定高度，請使用image上的transform: scaleX(), scaleY()屬性。

.myImage { 
    transform: scaleX(1.5); //scales the image 1.5 times for the X-axis 
}

.myDiv { 
 
    padding: 0; 
 
} 
 
.myImage { 
 
    width: 100%; 
 
}

<div class="myDiv"> 
 
    <img class="myImage" src="http://instantentity.com/wp-content/uploads/2016/02/Instant-Entity-CSS.jpg"> 
 
</div>

2016-09-11 14:51:32

回答