响应式布局和自适应布局的区别

一、响应式

使用一套代码，根据视口的宽度，展示不同的样式，也就是在不同的设备上展示的样式不同。换句话说就是一个网站能够兼容多个终端，而不是为了每一个终端做一个特定的版本。

特点就是不管浏览器怎么缩放不会出现横向滚动条，常见的响应式网站有inter官网

一般使用流式布局和媒体查询进行编写，编写单位使用相对单位（百分比||rem）
使用场景一般是中小型展示型网站

二、自适应

根据不同的设备加载不同的代码，（也是现在的主流）
多套代码，不同的设备加载不同的代码，
常见的有淘宝

pc端布局

移动端布局，切换后需刷新页面重新加载代码，响应式不需要刷新

因为自适应局部更符合实际，现阶段主流还是自适应比较多的