from http://iseexn.noads.biz/archives/178.html

图片的自适应问题普遍存在,下面分别是js和css的实现方法提供参考:

第一种js方法:以前用过js来自适应,图片的onload事件加入调节图片大小的js代码,onload=”MyImage(this,870,1000)”,缺点是需要指定限定的宽、高,需要计算得到缩放后的宽高,图片会先显示原图片再变小。

第二种css方法:css方法简单方便,完全能取代上面的方法。有个现象我是后来才发现,图片在限制了宽度后,高度会等比例缩放,如原来是800*600的图片,宽度被限制成400后,高度会自动缩到300,这样的话就是只要限定图片的宽度就可以了。由于ie6不识别max-width,所以要使用expression来进行css hack。WordPress里面可以用下面的css来实现图片自适应:
.post .content img {
margin:15px 0 0 0;
max-width:590px;
_width:expression(this.width>590?’590px’:’auto’);
}

上面的css是限制图片最大宽度的,其实限制图片最大高度是同理的。