自适应网站设计与响应式网站设计的区别点在哪里？

在响应式网站设计刚出现的阶段，以及后来自适应网站设计的提倡，在这段时间里，一直觉得这两种网站设计方式就是同一种制作方法，但经过一段时间研究，发现他们还是有所不同的。

响应式设计

[百科]：响应式设计是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端—而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

自适应设计

[百科]：自适应设计指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。

他们的区别：

响应式设计实现原理

是为不同类别得物理设备建立相同的网页（pc、平板、手机、手表等），检测到设备分辨率大小后调用相应的网页。（技术成本最高）

自适应设计实现原理

是为同类别的物理设备建立三种不同的网页（PC），检测到设备分辨率大小后调用相应的网页。（可以只适应pc不同分辨率，比如设置四档位宽度990、1200、1500、1710技术成本较低）

他们各自的优缺点：

响应式网站优点：

面对不同分辨率设备灵活性强

能够快捷解决多设备显示适应问题

响应式网站缺点：

仅适用布局、信息、框架并不复杂的部门类型网站

兼容各种设备工作量大，效率低下

代码累赘，会出现隐藏无用的元素，加载时间加长

其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果

一定程度上改变了网站原有的布局结构，会出现用户混淆的情况

自适应网站优点：

对网站的复杂程度兼容性更大

实施起来代价更低，

代码更高效

测试更容易，运营相对更精准（图片可控性更高）

自适应网站缺点：

在移动端设计大行其道之下，同一个网站，往往需要为不同的设备开发不同的页面，增加开发成本

其实这是复杂类型网站设计的一种最优方案，虽然增加了开发运营成本，但是换回了更精准的运营、框架扩展度更高，用户加载更迅速，是极其划算的一件事情，这也是自适应设计成为当下主流网站采用的布局方式的重要原因之一

目前两种网站设计方式都在使用，那在项目制作时，具体选用哪种方式，具体还要看项目的需求来进行选择。