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

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

来看一下网上的解释

1.什么是响应式布局

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

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

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

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

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

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

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

 

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