响应式和自适应的区别

品牌型号：联想 YOGA 14c

系统版本：windows7

响应式布局与自适应布局的区别为：

1、自适应布局主要是通过检测视口分辨率，来判断当前访问的设备从而进一步请求服务层，返回不同的目标页面;而响应式布局通过检测视口分辨率，针对不同客户端在客户端做代码处理。

2、自适应布局需要做多套页面，响应式布局只需要做一个页面就可以。

3、自适应布局如果屏幕太小就会导致内容拥挤不美观，而响应式布局没有这个问题。

自适应布局是指通过JS及CSS的控制，借助rem、百分比等相对度量单位，在不同大小的设备上呈现相同的网页。响应式布局是指据屏幕的大小自动的调整页面的展现方式，可以实现用一个网页自动适应不同大小的屏幕。

其它答案

牛仔很忙2020-06-22 18:56:36

自适应网页设计也是响应式网页设计，响应式网页设计也是自适应网页设计。但是真正的细分起来，自适应只是响应式的一个子集，指网页中整体大图的自适应或者banner的自适应。响应式设计可以一个网站兼容多个不同终端。