ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

自适应布局和响应式布局的区别?

2022-09-16 00:03:16  阅读:181  来源: 互联网

标签:布局 适应 响应 屏幕 页面 设备


自适应布局和响应式布局的区别?

1.响应式的概念覆盖了自适应,但响应式包含的东西更多,响应式的布局可以根据屏幕的大小自动调整页面的展示方式

2.自适应有一个致命缺点:如果屏幕尺寸太小,即使网页能够根据屏幕大小进行适配,也会感觉在小屏幕上查看,内容过于拥挤

3.响应式解决了自适应布局的问题,响应式能自动识别屏幕宽度,并做出响应调整,布局和展示的内容可能会有所变动

 

自适应:

1.定义:又称为宽度百分比或者流式布局

2.优点:能在不同的设备上呈现相同的页面

3.缺点:在不同的设备上呈现相同的页面,对页面进行压缩

 

响应式:

1.定义:根据不同的设备显示出不同的页面

2.优点:不同分辨率下设备灵活性好,它比自适应好,自适应的话只是宽度自适应;多终端视觉和用户操作体验好;响应式web设计中的大部分技术都可以用在webapp开发中,可以用在移动端设备,也可以用在pc端

3.缺点:兼容各种设备工作量大,效率低下,代码累赘,会出现隐藏无用的元素,加载时间加长

标签:布局,适应,响应,屏幕,页面,设备
来源: https://www.cnblogs.com/Ynline/p/16698306.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有