第1章 HTML5、CSS3和响应式网页设计入门

响应式网页设计（RWD, Responsive Web Design)这个术语，由伊桑-马科特(Ethan Marcotte)提出。他在A List Apart发表了一篇开创性的文章，将三种已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来，并命名为响应式网页设计。这个术语还有一堆表示相同意思的其他叫法，如流式设计、弹性布局、塑料布局、流体设计、自适应布局、跨设备设计以及弹性设计。

一句话概括响应式网页设计
针对任意设备对网页内容进行完美布局的一种显示机制。

迷恋像素？忘了他吧！
进入了响应式网页设计的教堂，就不要在迷恋像素(px)这个度量单位，因为大多数情况下我们不会使用像素，而会使用相对度量单位(em或百分比)。相对单位更方便我们审查其他响应式设计作品，查看设计的变更之处。

视口和屏幕尺寸
视口和屏幕尺寸不是同一个概念。视口是指浏览器窗口内的内容区域，不包含工具栏、标签栏等。也就是网页实际显示的区域。屏幕尺寸指的是设备的物理显示区域。需要注意的是有些浏览器调整工具显示的尺寸包含浏览器的其他元素，诸如地址栏、标签栏和搜索栏，而有些工具则不是这样。