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

一直都对响应式布局与自适应布局十分混淆,近期也一直在研究,查了许多资料,也看了很多视频,并在项目上应用,才有了详细的了解。现针对个人的理解做下记录,有什么理解不对的地方还请大家指出。

什么是响应式布局

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

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

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

你可能感兴趣的:(响应式布局与自适应布局的区别)