响应式布局和自适应布局概念的详解

什么是响应式布局:

响应式布局就是在不同屏幕不同分辨上实现不同的展示方式。响应式布局能使网站在手机和平板电脑上有更好的浏览体验，也就就是说一个网站能后兼容多个终端，而不是为了每一个终端做一个特定的版本。

什么是自适应布局:

自适应布局就是能忘了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术，需要开发多套界面来适应不的终端。

响应式布局与自适应布局的区别是什么:

1、自适应布局是通过检测视口分辨率来判断当前访问的设备是pc端还是平板或者是手机，从而请求服务层返回不同的页面；
响应式布局是通过检测视口分辨率针对不同客户端在客户端做代码处理，来展现不同的布局和内容
2、自适应布局需要开发多套界面，而响应式布局只需要开发一套界面就可以了
3、自适应对页面做的屏幕适配是在一定范围：比如pc端一般要大于1024像素，手机端要小于768像素，而响应式布局是一套页面全部适应。
4、自适应布局如果屏幕太小会发生内容过于拥挤，响应式布局可以自动识别屏幕宽度并作出相应的调整页面设计

响应式网页设计的优点：

• 跨平台和终端且不需要分配子域。
• 兼容当前及未来设备。
• 节约成本。
  缺点：
• 兼容性 不兼容低版本浏览器
• 移动带宽增多
• 加载事件长、无用代码太多。