图片自适应宽度新解决方法

原来图片自适应宽度一般都是通过Javascript来解决的，但是多少还是比较麻烦。

还有一种通过设置外层容器overflow:hidden属性来解决，但是这样会导致图片显示不全的问题。

今天看到了一种新的解决办法，通过CSS来解决这个问题。

img{
max-width:500px;
width:e­xpression(document.body.clientWidth>500?"500px":"auto");
}

就这么简单！

这段代码在IE6.0、Firefox 1.5、Opera 7.0上测试通过。