码迷,mamicode.com
首页 > 其他好文 > 详细

响应式布局

时间:2019-09-15 01:03:00      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:自动   处理   平板电脑   str   响应式布局   展示   分辨率   strong   请求   

响应式布局概念

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

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

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

  

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

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

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

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

 

响应式布局

标签:自动   处理   平板电脑   str   响应式布局   展示   分辨率   strong   请求   

原文地址:https://www.cnblogs.com/HY74110/p/11520616.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!