图片自动等比例缩放 CSS控制方法

2015-01-06 19:00:22 admin

纯css的防止图片撑破页面的代码,图片会自动按比例缩小。

.about {font-size:16px; line-height:1.6; margin: auto;width: 743px;}
.about img{max-width: 100%!important;height: auto!important;width:expression(this.width > 743 ? "743px" : this.width)!important;}

 

经过测试,IE7~10浏览器、360浏览器、谷歌Chrome浏览器、GreenBrower浏览器成功。