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);
}

轉載于:https://www.cnblogs.com/lianqianxue/archive/2011/05/05/2037731.html

總結

以上是生活随笔為你收集整理的css 控制图片最大宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。