跟随设计的潮流，越来越多的客户想要做响应式网站或者自适应网站。但并没有很多人清楚二者之间的区别，甚至很多人会认为这两者是同一个建站风格。下面先为大家解释下什么是响应式、自适应布局。

响应式布局：

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

自适应布局：

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

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

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

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

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

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

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

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

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

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

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

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

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

综上，每种设计方式都有自己的优势与不足，还是不能盲目地跟随潮流，要从自己的需求及实际情况出发，选择最适合自己的方式。当然，中科服网络也会从专业的角度给您提出建议。

网站建设专家中科服网络（www.zhongkefu.com.cn）专注于高端品牌网站建设的

解决方案，为您提供专业、安全的企业展示网站建设、营销型网站建设、

商城系统网站建设、SEO优化、网站认证、网络营销、并提供一站式互联网

基础服务。7×24小时专业技术支持,互联网用户服务的选择。