很多人都知道自适应 网站，也就是能够根据屏幕尺寸自动适应网页排版，自适应网站既可以在PC端展现，也可以在手机等移动端展现。

然而，自适应 更专业的 术语叫“响应式”。

在2010年伊桑·马科特（Ethan Marcotte）提出了响应式网页设计（RWD,Responsive Web Design）这个术语。
在他的一篇文章中他将已有的三种发开技巧（弹性图片，弹性网格布局，媒体与媒体查询） 进行了整合，命名为响应式网页设计。

那什么才是真正的响应式设计？

伊桑·马科特说，真正的响应式设计方法不仅仅是根据可视区域大小而改变网页布局，而是要从整体上颠覆当前网页的设计方法，是针对任意设备的网页内容进行完美布局的一种显示机制。

伊桑·马科特在文章中举了一个大侦探福尔摩斯的例子A Flexible Grid，它可以自动识别并相应的调整页面布局