[转]CSS限制图片最大宽度(兼容IE6/IE7/IE8/FF)
来源:互联网 发布:上海安畅网络怎么样 编辑:程序博客网 时间:2024/05/04 08:33
转自:http://www.boy110.com/csslimitedwidth/
CSS限制图片最大宽度,兼容IE6/IE7/IE8/FF,用做管理后台应该没问题!
我们在制作一个网页的时候,经常要对一个区域里可能出现的图片的宽度进行限制,不然它可能会把页面撑得很烂很烂。
如果你采用固定宽度,长度来设置的话,比如在
中设置,或者是在CSS中用
.img {height:200px;width:200px;}
来控制,不同规格的图片有可能会变形。这是一种最蠢的方法。经过摸索,我找到一串CSS代码,可以让图片在超过规定的宽度时,自动缩小,并且是按比例缩小,不会造成图片变形。如下:
.img{
max-width: 200px;
height:auto;
width:expression(this.width > 200 ? "200px" : this.width);
}
经过不严格测试,这串CSS代码能兼容IE6 IE7 FF。不知道这个算不算是“万能代码”呢?如果你在使用这个代码时发现什么问题,请给我留言。
- CSS限制图片最大宽度(兼容IE6/IE7/IE8/FF
- [转]CSS限制图片最大宽度(兼容IE6/IE7/IE8/FF)
- div+css 兼容IE6/IE7/FF/IE8
- css IE6 IE7 IE8 FF兼容 高度
- 兼容 FF, IE6 ,IE7,IE8
- 兼容 FF, IE6 ,IE7,IE8
- css防止图片过大撑破盒子 兼容 ie6、 ie7、 ie8、 ff
- 全面兼容IE6/IE7/IE8/FF的CSS HACK写法
- 全面兼容ie6,ie7,ie8,ff的CSS HACK写法
- 兼容IE6/IE7/IE8/FF的CSS写法
- CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
- 全面兼容ie6,ie7,ie8,ff的CSS HACK写法
- CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
- 全面兼容IE6/IE7/IE8/FF的CSS HACK写法
- 兼容IE6+IE7+IE8+IE9+FF的CSS
- 全面兼容ie6,ie7,ie8,ff的CSS HACK写法
- CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
- DIV+CSS解决IE6,IE7,IE8,FF兼容…
- javascript 的 scope
- C++什么时候使用纯虚函数
- django p3p header
- s3c2410 MMU
- Linux中select函数学习及实例笔记
- [转]CSS限制图片最大宽度(兼容IE6/IE7/IE8/FF)
- 有做跟踪方面的朋友的吗
- “File Size Limit Exceeded”问题
- IT公司笔试题
- 51定时器/计数器的深入研究-精确定时
- VxWorks:添加自己组件到Tornado
- protected internal MSDN 中文页面翻译很别扭
- 很强大的globus 配置和部署过程
- 软件行业新手注意事项