早在2010年，伊桑马克特敦促设计人员和开发人员就开始实践“响应网页设计”(RWD):随着网络设备尺寸千变万化，为了达到相同的体验，通常的做法是剪切不相关的设计。

八年后，响应式设计已经达到非常高的质量。现在创建一个的标准做法，让网页对于每个设备都是量身定做的，同时，体验也是一致的。

但响应网页设计到底是什么呢？

响应式Web设计(Responsive Web design)的理念是:页面的设计根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片的使用等。

无论用户正在使用笔记本还是iPad，我们的页面都能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

所谓响应式网站，是指可以自动识别屏幕宽度、并做出相应调整的网页设计。简单来说就是同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。

1、 有助于接触更多手机和平板电脑用户：

响应式网站的最大优势在于能兼容各种设备，而非使用传统方式将用户跳转至设备专用网站。若您正为了接触更多客户而寻求优化在线内容，采用响应式设计网站不失为一个理想的选择，因为平板电脑的销量今年预计将超过一亿台。制作无论屏幕大小都可以高效响应的网站从未像现在这样重要。随着移动设备的多样化，有些网站的流量甚至出现了 50% 的增长。2、提高转换率和销量：

响应式网站意味着您无需在网站设置跳转，从而极大完善了用户体验，这也是响应式网站的最大优势所在。另外，使用集成式设计和 CSS 表单一类的功能使网站无论在何种设备上都能营造出风格一致的感觉和外观。若熟悉这种布局，用户可以在任何设备上轻松浏览您的网站，进而提高转换率。

3、有助于搜索排名：

在搜索引擎(尤其是谷歌)中排名靠前是每个网站的终极目标，具有响应式设计布局的网站有助于达成这个目标。首先，维护此类网站所需的时间缩短，响应式网页开发让您集中精力维护管理一个兼容所有设备的网站，谷歌已明确表示支持响应式技术。

4、报告和分析整合：

若使用传统网站而非响应式网站，您就需要多个网站来适应不同浏览平台。这让您跟踪网站的访客总数、单个和总体转换率以及从一个网站移至另一个网站的访客数量变得十分困难。与之形成鲜明对比的是，响应式设计网站配有优化的分析程序，可处理响应式报告并应对多台设备，把所有分析和报告整合为一份，在简化监控和维护的同时继续保证网站正常运行

5、节省开发投入：

摒弃传统网站，选择响应式网页，单从开发阶段就能为您节省大量时间和金钱。别忘了为不同的设备同时开发多个网站，意味着后期也需要更多的开发支持费用和维护成本。您最好将响应式网站测试技术运用到响应式网站，这将大幅减少您的支出。