响应式和自适应的区别UI？自适应布局主要是通过检测视口分辨率，来判断当前访问的设备从而进一步请求服务层，返回不同的目标页面;而响应式布局通过检测视口分辨率，针对不同客户端在客户端做代码处理的。关于响应式和自适应的区别UI以及响应式和自适应的区别UI，响应式和自适应的区别是什么，响应式和自适应的区别在哪，响应式与自适应的区别，自适应和响应式哪个更好优化等问题，农商网将为你整理以下的生活知识：

响应式是自适应吗

　　不是的，响应式不是自适应的。

　　如果一定要从概念上进行区分: 自适应这个概念范围更广一些,包含:响应式和代码适配。

　　一个网站采用响应式或者代码适配,都叫做自适应。 响应式的网站,一定是自适应的; 自适应的网站,可能是响应式的,也可能是代码适配的。

响应式和自适应的区别UI

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

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

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

　　4、自适应布局是指通过JS及CSS的控制，借助rem、百分比等相对度量单位，在不同大小的设备上呈现相同的网页。

　　响应式布局是指据屏幕的大小自动的调整页面的展现方式，可以实现用一个网页自动适应不同大小的屏幕。

响应式和自适应有什么区别？

　　响应式布局：响应式布局，称为Responsive Web Design。

　　它是将已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来，针对任意设备对网页内容进行“完美”布局的一种显示机制。

　　简言之，是一个网站能够兼容多个终端（手机、Pad、电脑）的布局方法，而不需要为每个终端书写一套特定版本的代码。

　　自适应布局：移动端的发展带来了自适应布局。

　　通过JS及CSS的控制，借助rem、百分比等相对度量单位，让代码在多种分辨率的移动端正常呈现。

　　自适应布局，是当前移动端实现网页布局的最常用的布局方法，需要综合使用多种知识。

　　资料来源：《HTML5布局之路》