响应式布局

Posted 2022-11-01 hy74110

响应式布局概念

　　Responsive design，指实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。就是一个网站能够兼容多个终端，而不是为了每个终端而定制一个版本。

　　相对而言还存在一种解决不同终端页面布局显示的自适应式布局。自适应布局是指能使网页自适应的现在是在不同大小终端设备上的新的网页设计方式及技术，它需要开发多套界面来适应不同的终端。

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

　　

1.自适应布局通过检测视口分辨率，来判断当前访问的设备是：pc端、平板、手机，从而请求服务层，返回不同的页面；响应式布局通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。

2.自适应布局需要开发多套界面，而响应式布局只需要开发一套界面就可以了。

3.自适应对页面做的屏幕适配是在一定范围：比如pc端一般要大于1024像素，手机端要小于768像素。而响应式布局是一套页面全部适应。

4.自适应布局如果屏幕太小会发生内容过于拥挤。而响应式布局正是为了解决这个问题而衍生出的概念，它可以自动识别屏幕宽度并做出相应调整的网页设计。