自适应和响应式布局有什么区别？设计师如何在两者之间做选择？

我这边平时的客户中，也有这类疑问的，客户也会很纠结网站用自适应的好，还是响应式的好！首先我们来区别一下两者的定义：

响应式设计：属于是动态布局，可以让页面元素像液体一样随着屏幕尺寸变化而调整。因此响应式布局只需要开发一套布局，就可以在多个设备之间自由“流动”。现在大部分网站布局都会用响应式的布局，优设的响应式做的就非常好。

自适应设计：为不同设备尺寸创建多种固定布局，一旦加载完成就不会改变的静态布局方法。专业点讲就是：断点 (Breakpoint) ，不同屏幕尺寸，自适应基于“断点”判定当前屏幕尺寸适用于何种布局。常见的6种断点尺寸: 320、480、760、960、1200和1600px。也就是说，自适应设计可能需要开发6套不同尺寸的设计。开发量和维护量都巨大。但也不能说响应式就是更好的选择，因为响应式在复杂情况下可能导致显示和性能问题，二者各有利弊吧！

响应式设计的优点包括开发及维护成本低、跨设备展示一致性强、体验丝滑、SEO友好；缺点是设计师对体验的控制较弱、难以应对复杂的结构和交互加载时间长、难以整合广告以及无法定制体验。总而言之，如果要从0-1进行网页设计，那就选响应式吧。毕竟高效便捷、维护成本低。但如果基于现有网站增设移动端版本，或者移动端版本的定制化体验极其重要或功能复杂，那可以选择自适应布局，也可以根据你面对的客户群体的浏览习惯来决定，服务大多数客户即可！