javascript - css图片缩放，还是js实现图片缩放？

Question

我有个文章列表页面， 宽度固定500px。 每篇文章有个图片， 图片原始大小可能是700，600， 200宽， 也就是可能比500像素宽或者窄。

我想实现，如果图片太宽了，自动宽缩小到500px以内， 如果比500px小， 就不处理。

我想请教实现这个用CSS，还是javascript实现？ 需要满足ie6+, 火狐等兼容。

求教， 谢谢

Answer 1

用CSS的话只要用max-width就可以了，不过考虑你还要兼容IE6，所以还得加点hack code。搜索了一下，这个应该能满足你：

  max-width:400px;    
  _width:expression((documentElement.clientWidth > 400) ? "400px" : "auto" );