总结媒体查询:

所有的主流浏览器都支持媒体查询,但是老式ie6,7,8不支持,可以通过css3-media实现兼容

             <!--[if lt IE 9]>         　　　　<script src="http://css3-media.googlecode.com/svn/trunk/css3-media"></script>         　　<![endif]-->

Media 能在不同的条件下使用不同的样式，使用页面达到不同的渲染效果 (不同条件)也就是断点,这里说的断点不是传统意义的调试断点

一些常用的标准宽度: 320px(iPhone和其他一些移动设备) 769px(iPad) 1024 (PC端页面) 确定断点的一个原则是追随内容。让设计稿，内容来确定你的断点

规则四:图片的自适应

除了布局和文本，"自适应网页设计"还必须实现图片的自动缩放。实现的关键代码是: