网络编程
位置:首页>> 网络编程>> 网页设计>> 图片自适应宽度新解决方法

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

 来源:风之相随'S BLOG 发布时间:2009-09-22 14:55:00 

标签:自适应,图片,css

原来图片自适应宽度一般都是通过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上测试通过。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com