图片自适应宽度新解决方法
来源：风之相随'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
投稿猜你喜欢
- JDBC连接MySQL数据库关键的四个步骤1、查找驱动程序MySQL目前提供的Java驱动程序为Connection/J，可以从MySQL官
- 研究网页编码很长时间了，因为最近要设计一个友情链接检测的VBS脚本，而与你链接的人的页面很可能是各种编码，以前采取的方法是：如果用GB231
- 1.如果每页都增加打印时间,又如何设置?打印时间的,你可以参考 for(var i=0;i<page.length;i++)
- 阅读上一篇：W3C优质网页小贴士（二） 注意字体大小网页设计者中有这么一种倾向：他们认为小字体能让网页看起来更漂亮，并能提供更多空间给每个网
一般上电子商务网站买东西的用户分三种：随便看看，就是不买先看看，买不买再说就是来买东西的这样的需求反应到产品页的购买按钮上，我们一般会看到购- 我在初学时查阅过大量相关资料，发现其中提供的很多方法实际操作起来并不是那么回事。对于简单的应用，这些资料也许是有帮助的，但仅限于此，因为它们
- 网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，
- 临近下班的时候，突然想到统计热门文章的问题。以前我所知道的热门文章统计，基本有这么几种：按点击数排序 该方法最大的问题在于热门的文章会越来越
- MYSQL数据库以它短小、方便、速度快、免费等优点成为很多网站目前首选数据库，但一般都是用PHP+MYSQL相结合来开发各种动态页面，其实A
- 通常人们使用以下两种方法来执行SQL语句： Set Rs=Conn.Execute(SqlStr) 和&nbs
- 用了这么多年的CSS，现在才明白CSS的真正匹配原理，不知道你是否也跟我一样？看1个简单的CSS：DIV#divBox p span.red
- 前面已经提到，CSS之所以如此强大，是因为它采用HTML文档结构来决定其样式的应用。但这仅仅只是一方面，因为它只暗示了CSS之所以使用文档结
- html5带给我们的不仅仅是更多语义丰富的标签，还有更多更牛逼的特性，比如“离线存储”。 对于台式电脑来说，或者它并没有带来什么惊喜，但是对
- 以下为SQL SERVER7.0以上版本的字段类型说明。SQL SERVER6.5的字段类型说明请参考SQL SERVER提供的说明。bit
- oracle10g数据备份 1.用sql/plus developer,选中要备份的数据表，右击选择"Export data&qu
- 一旦你已经为MySQL实例管理器设置了一个密码文件并且IM正在运行，你可以连接它。你可以使用mysql客户端工具通过标准MySQL API来
- 从CNNIC在2009年的报告中可以看到，超过80％的网民购物之前都要看评论（包括本站、其他站评论），超过80％的网民都比较信任口碑（包括网
- AdobeAdobe公司的标识1982年，40多岁的程序员约翰·沃诺克(John Warnock)和查尔斯·杰斯克(Charles Gesc
- 使用本文提供的JavaScript脚本，配合Dreamweaver的层和行为的运用，可以在页面中显示可拖动的精美月历。具体制作步骤如下：1、
- acronym从字义上理解，是取首字母的缩写词，abbr是缩写，在应用过程中，两个标签看起来差不多，但个人觉得还是有区别的。看下面的例子：&
