Chrome正在拉伸我的最大寬度圖像的高度

Question

我在設置我正在使用的CMS中的圖像的最大寬度時遇到問題。在Chrome中（其他瀏覽器還未經測試），創下了最大寬度拉伸圖像的高度我插入 - 在這裏看到：http://www.literarykitchen.co.uk/events/testspace/

這是我使用的代碼：

#content .pagebanner img { max-width:490px; } 

有爲什麼它像這樣拉伸？我認爲最大寬度意味着圖像的比例縮放？

感謝

奧蘇

Answer 1

我有同樣的問題，我的圖片庫是動態的，所有的圖像都是由用戶上傳的大小不同。所以我必須確保這個工作。我解決這個問題的方法是設置max-width:，max-height:,height:和width:，否則它不適用於我。

例子：

#image-container-div img { 
    max-width: 490px; 
    max-height: 490px; 
    height: auto; 
    width: auto; 
}