大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > CSS技巧 > CSS限制图片最大宽度(兼容IE6/IE7/IE8/FF)

CSS限制图片最大宽度(兼容IE6/IE7/IE8/FF)

关键词:CSS图片最大宽度兼容IE6/IE7/IE8/FF  阅读(1385) 赞(95)

[摘要]如果图片不在标签里面设置大小,则有大图时容易撑开div,所以我们得使用下面的方法进行限制,见代码:

CSS限制图片最大宽度,兼容IE6/IE7/IE8/FF

如果采用固定宽度,长度来设置的话,比如:<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); 
}



相关评论