因為圖片大小問題，郁悶了很久！在論壇里找了很多代碼都不好用，比如下面的。 img,a img{
border:0;?
margin:0;?
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
? 上面的代碼有2個問題！
1.會把圖片變的非常小。要刷新一次才能正常顯示！
2.圖片不會按比例縮小，圖片嚴重變形！ 后來，我沒辦法，花錢請高手幫我寫了代碼。現在把它共享給朋友們！ 代碼如下：
<!-- Begin CSS 控制圖片大小 -->
<style type="text/css">
<!--
img,a img{
border:0;?
margin:0;?
padding:0;
max-width:650px;
width: expression(this.width > 650 && this.width > this.height ? 650px : 'auto';);?
max-height:1650px;
height: expresion(this.height > 1650 ? 1650px : 'auto';);
} -->
</style>
<!-- End CSS 控制圖片大小 -->

轉載于:https://blog.51cto.com/zisefeng/328490

總結

以上是生活随笔為你收集整理的图片自适应css代码（转）的全部內容，希望文章能夠幫你解決所遇到的問題。

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