兼容IE和Firefox的按图片宽度缩放的CSS代码

2010-08-28 10:54:37来源:西部e网作者:

今天遇到一个问题,就是文章中图片缩放的问题,如果太宽就把页面撑大了,以前我解决的方法是用javascript,判断宽度然后计算出来高度,然后自适应缩放大小,正好又遇到这个问题,网友问用css怎么样解决?

其实网上解决这个的方法也比较多,icech这里给的一个代码其实很简单,经过测试是兼容IE6和Firefox3的,要预先设定img的宽度,高度通过 height:auto; 来自适应,针对Firefox用max-width来限制最大宽度,因为IE下不认识max-width,所以还是使用expression来控制,具体代码如下:

img{ max-width:500px; height:auto; width:expression(this.width > 500 ? "500px" : this.width);}

这样就用css完成了图片按照宽度进行自适应的缩放,很简单吧?

关键词:CSS

赞助商链接: