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














