纯css控制图片的宽。支持IE6+/谷歌浏览器/火狐/苹果等主流浏览器

CSS控制图片宽 让图片自动缩放

最新优化版代码:

1
img{width: expression(this.width > 660 ? 660: true); max-width: 660px;}
原版:
1
2
3
4
5
6
img { 
max-width:640px; /* 最大宽度为640px*/
/*width:640px; 图片的大小为64px如果打开这个所有图片都以640的宽显示,默认关闭*/
width:expression(width>640?"640px":width "px");max-width: 640px; /* 假如图片的尺寸超过640象素,那么就按640象素显示,高度同比例变化;假如图片的尺寸小于640象素,那么就原尺寸显示。在IE6中有效*/
overflow:hidden; /* 超出的部分隐藏,避免控制图片大小失败而引起的撑开变形*/
}

以上代码的意思是当图片宽大于数值(我设置的是660)就会将宽控制在这个大小,这样可以统一大图的宽,可以阻止撑破页面。
若图片的宽度小于660px那么按本身尺寸显示,若超出660px则已660px的宽和等比的高显示。
使用时请注意不要给 <img> 标签内加宽和高。

效果图,(没有设置宽度,默认宽度为940,可以点击打开查看原图)
纯css控制图片的宽 全浏览器兼容.jpg支持IE6/谷歌浏览器/火狐/苹果等主流浏览器

Relay Tips: 一极乐https://yijile.com/log/98/