防止图片把网页撑大的代码
以前把javascript代码直接写在<img>标签内,那样代码不是很简洁,现用CSS实现如下:
img {
max-width: 550px;
onimageload:expression(onload=function(){if(this.width>550)this.width=550})
}
说明:
前面一句对于 FireFox 有效,对于IE无效,因为IE 不支持 max-width 属性
后一句对于 IE 有效,对于 FireFox 无效,因为 FireFox 对 expression 支持很差!
img {
max-width: 550px;
onimageload:expression(onload=function(){if(this.width>550)this.width=550})
}
说明:
前面一句对于 FireFox 有效,对于IE无效,因为IE 不支持 max-width 属性
后一句对于 IE 有效,对于 FireFox 无效,因为 FireFox 对 expression 支持很差!