响应式网站和自适应网站一个概念吗

所谓自适应网站与响应式网站的区别，我想很多人都会有所误解。自适应网站与响应式网站是有实质上的区别的，这两者在外人看来大致是相同。但是在网站的体验过程中，你会发现有许多细微的分别。从网站建设的角度来讲自适应网站建设也是响应式网站建设，响应式网站建设也是自适应网站建设。但是真正的细分起来，自适应网站只是响应式网站的一个子集。在这里小编简单化给大家解释一下，要分出一个网站他是响应式还是自适应。你要先了解什么是响应式布局与自适应布局。
响应式布局简而言之就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。在这里大家可以理解为做一个网站就能适应多种设备，而不用在为每个设备做一个特定的版本，在不同的设备上展现的模式也不一样。响应式可以为不同终端的用户提供更舒适的界面和更好的浏览体验。

响应式网页设计优势：流体网格的网站适合响应式网页设计。

　　1、灵活性强，可以适应不同分辨率的设备

　　2、方便快捷的解决多设备显示适应问题

　　自适应网页设计优势：固定断点的网站适合自适应网页设计。

　　1、实施起来代价更低，测试更容易

　　2、自适应布局可以让设计更加可控，因为它只需要考虑几种状态就可以了

响应式网站和自适应式网站并不是一个概念。

响应式网站固定断点的网站适合自适应网页设计

而自适应是为了解决如何才能在不同大小的设备上呈现同样的网页

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

自适应网页设计(Adaptive Web Design)指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。

响应式布局：

　　在2010年5月，Ethan Marcotte提出的响应式网站的概念，通俗的说，就是一个网站可以兼容不同的终端，不用为每个分辨率设备做一个特定的版本的网站。近年来，各种大屏幕移动设备的普及，响应式网站也受到了更多人的青睐。甚至大多数的人认为，响应式网站是实现友好移动目标，更好、更快、更省的方案。

　　自适应布局：

　　自适应网页设计(Responsive Web Design)指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。

　　那制作网站的时候“什么样的网站/项目适合使用自适应布局(固定断点)?什么样的网站适合响应式布局?(流体网格)”

　　理论上来说，响应式布局在任何情况下都比自适应布局好一些，但在某些情况下自适应布局更切实际。

　　响应式网页设计优势 ：流体网格的网站适合响应式网页设计。

　　1、灵活性强，可以适应不同分辨率的设备

　　2、方便快捷的解决多设备显示适应问题

　　自适应网页设计优势 ：固定断点的网站适合自适应网页设计。

　　1、实施起来代价更低，测试更容易

　　2、自适应布局可以让设计更加可控，因为它只需要考虑几种状态就可以了

　　下面再从直观一点的来看，响应式和自适应的区别：

　　首先两种方式解决问题的是不一样的。

　　自适应是为了解决如何才能在不同大小的设备上呈现同样的网页：

　　手机的屏幕比较小，宽度通常在600像素以下;PC的屏幕宽度，一般都在1000像素以上(目前主流宽度是1366×768)，有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。

　　综上，每种设计方式都有自己的优势与不足，还是不能盲目地跟随潮流，要从自己的需求及实际情况出发，选择最适合自己的网站设计方式