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

今天遇到一个问题，就是文章中图片缩放的问题，如果太宽就把页面撑大了，以前我解决的方法是用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完成了图片按照宽度进行自适应的缩放，很简单吧？