响应式布局和自适应布局的区别
一、响应式
使用一套代码,根据视口的宽度,展示不同的样式,也就是在不同的设备上展示的样式不同。换句话说就是一个网站能够兼容多个终端,而不是为了每一个终端做一个特定的版本。
特点就是不管浏览器怎么缩放不会出现横向滚动条,常见的响应式网站有inter官网
一般使用流式布局和媒体查询进行编写,编写单位使用相对单位(百分比||rem)
使用场景一般是中小型展示型网站
二、自适应
根据不同的设备加载不同的代码,(也是现在的主流)
多套代码,不同的设备加载不同的代码,
常见的有淘宝
pc端布局
移动端布局,切换后需刷新页面重新加载代码,响应式不需要刷新
因为自适应局部更符合实际,现阶段主流还是自适应比较多的