css 控製圖片最大寬度

CSS 限制圖片最大寬度(本文來自本站原創，轉載請務必註明出處！)我們在製作一個網頁的時候，經常要對一個地區裡可能出現的圖片的寬度進行限制，不然它可能會把頁面撐得很爛很爛。
如果你採用固定寬度，長度來設定的話，比如在<img height="200px" width="200px"

中設定，或者是在CSS中用.img {height:200px;width:200px;}

來控制，不同規格的圖片有可能會變形。這是一種最蠢的方法。經過摸索，我找到一串CSS代碼，可以讓圖片在超過規定的寬度時，自動縮小，並且是按比例縮小，不會造成圖片變形。如下：.img{
max-width: 200px; 
height:auto; 
width:expression(this.width > 200 ? "200px" : this.width);
}