响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。

此概念于2010年5月由国外著名网页设计师Ethan Marcotte所提出。 响应式网站设计(Responsive Web design)的理念是： 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了

与传统网站比较，响应式网站到底有哪些优点呢？下面跟着小编一起来了解一二：  

1、响应式网站兼容性高。传统网站不兼容其他终端设备，跳转至其他设备很容易造成内容缺失，跳转速度慢。而响应式网站不仅能适应各种屏幕尺寸的手机端，也兼容各种IPad等设备。 响应式网站兼容性高 。

2、响应式网站用户体验佳。传统建站会把手机端、电脑端网站独立开发，网站用不同的网址，如果用不同设备了解某个官网，需要重复输入不同网站地址，多少有些麻烦。而响应式网站省去了这些麻烦，一个网址可以在任何设备上直接做跳转，不耽误时间，这就给用户增加了好感，间接提高了转换率。 响应式网站优化简洁图 

3、响应式网站SEO优化更简便。传统网站因为是独立不同的网址，需要单独分开去做优化，而响应式网站只要稍稍做点变动，移动和电脑端优化都能很顺利进行，同时，响应式网站也越来越受搜索引擎的青睐，是未来的发展趋势。  

4、响应式网站节约时间成本提高转换率。传统网站不同设备端不同网址，这样不利于数据分析统计，而响应式网站一个网站适用所有设备，一个后台可以看到不同设备上的所有数据来源，我们可以节约时间做数据整理分析，一份报告直接可以出具各种不同设备的数据分析报告，大大提高了工作效率。 响应式网站成本投入低 。

5、响应式网站成本投入低。传统网站你做几个网站才能达到响应式网站的效果，而且传统网站站点独立，打理起来相对麻烦，做一个响应式网站即使单价比传统高，但总的投入产出比远远高于传统网站，而且考虑到后期维护，响应式网站更是首选。

此文章选自：百度百科、百度百家号