响应式网页设计的产生

响应式网页设计，全称是Respive Web Design，早是由伊桑·马卡特（Ethan Marcotte）在2010年提出的一个概念，的动机是“如何使得页面布局适应任何的浏览窗口”。响应式页面的设计理念是，页面的设计与开发应当能够根据用户的行为以及设备环境（包括系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整，也就是页面应该有能力去自动响应用户的设备环境。简而言之，这个概念指的就是网站的页面能够兼容多种不同的终端，根据不同的环境做出自动的响应及调整。

响应式网页开发的实现方案有很多，包括CSS媒体查询的使用、弹性网格和布局、流式图像等。无论用户使用的是哪种设备，响应式页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以实现自动的适应。

伊桑·马卡特在其个人网站上给出了响应式网页的简单示例。这个网站虽然简单，却具备了响应式网页的要素：自动适应、流式网格布局、流式图像显示等等。读者可以尝试浏览这个网页，通过手动拖动鼠标改变浏览器窗口的大小，查看在不同浏览器窗口尺寸下页面显示的变化。可以看到，在不同的浏览器窗口尺寸下，网页的地址没有发生变化，但网页的布局显示却可能有所改变