Chromeが最大幅画像の高さを伸ばしています

Question

私が使用しているCMSで画像の最大幅を設定する際に問題があります。 Chromeで（まだ他のブラウザでテストされていない）、最大幅は、私が挿入した画像の高さを伸ばす設定 - こちらをご覧ください：http://www.literarykitchen.co.uk/events/testspace/

をこれは私が使用しているコードです：

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

がありますそれがなぜそんなに伸びているのか？私は、maxwidthは画像が比例することを意味したと思いましたか？私は同じ問題を持っていた

おかげ

大須

Answer 1

は、私の画像ギャラリーは、ダイナミックだったとすべての画像は、ユーザーによってアップロードされた様々なサイズでした。だから私はこれが確実に働かなければならなかった。私のために解決したのは、max-width:、max-height:、height:、およびwidth:を設定することでした。

例：

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