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

本文解析了响应式布局与自适应布局的区别,前者根据不同屏幕调整布局,后者为不同设备提供多套界面。强调选择合适的布局方式取决于具体场景。

之前我一直以为这是同一个概念,居然在面试上碰到了,有什么区别呢,我就研究了下

来看一下网上的解释

1.什么是响应式布局

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

2.什么是自适应式布局:

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

。。。。。。。。。。。。。。看了就忘

分享个文章,里面有很全面的各种布局介绍 https://www.cnblogs.com/yanayana/p/7066948.html

在我看来,响应式布局更像是自适应布局的优化(自适应布局+流体布局),通过rem和媒体查询设置多个流体布局,可以实现更加合适的视觉效果,相比弹性布局有时候勉强的缩放显示也会更合适,响应式布局相比弹性布局却比较费劲

我认为,布局也是不存在说哪种布局最好,应该根据场景(实际问题)选择合适的解决方案,或者混合使用。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值