什么是响应式网页设计?
随着移动设备的普及,各种移动设备的大小层次不齐,为了给用户提供更好的体验,2010年，EthanMarcotte提出了"自适应网页设计"（Responsive Web Design）这个名词
在他的一篇文章 《ResponsiveWeb Design · An A List ApartArticle》中中他将已有的三种发开技巧（弹性图片，弹性网格布局，媒体与媒体查询）进行了整合，命名为响应式网页设计,指可以自动识别屏幕宽度、并做出相应调整的网页设计,这是一种全新的思维模式,是针对各种设备实现完美布局的显示机制!
下面这张图片是在Ethan Marcotte的文章中，他通过一个实例展示了响应式Web设计在页面弹性方面的特性:
那实现响应式布局的具体方案是什么呢?
一个页面需要兼容不同终端，那么有两个关键点是我们需要去做到响应式的：响应式布局和响应式内容（图片、文字,多媒体等）!