根据日常开发经验和网上的相关资料，用通俗易懂的大白话分析自适应和响应式的区别。注：本文仅分析adaptive和responsive的区别，了解其产生背景，不了解其使用方法。1、什么是自适应布局？自适应布局就是宽度自适应布局。在不同尺寸的设备上，网页按等比例缩放宽度以呈现相同的主要内容和布局。自适应布局演示。随着屏幕宽度的缩放，网页的内容也会按比例缩放。无论屏幕宽度如何，网页主体的布局始终相同。、什么是响应式布局？响应式布局是指根据屏幕尺寸的变化，页面的内容布局会自动调整和变化，呈现了更好的用户体验。布局和显示的内容会发生变化1.自适应布局的背景在早期的PC时代，网页设计师会设计固定宽度的页面。开始的时候，电脑显示器分辨率的种类不多，因为那时候电脑很少。后来随着显示器种类越来越多，笔记本、平板电脑的普及，这种固定宽度的页面出现了问题。于是出现了一种新的布局方式，宽度自适应布局。我们平时说的自适应布局，多是指宽度自适应布局。后来互联网大战从PC打到手机，HTML5标准发布。自适应布局也从PC延伸到了手机端，因此自适应布局也成为了网页设计的必然需求。2、虽然响应式布局的后台适配已经成为网页设计的必然要求，但它仍然暴露出一个问题。如果屏幕太小，即使网页的内容可以根据屏幕的大小进行适配，但在小屏幕上观看也会觉得内容过于拥挤，降低了用户体验。这时为了解决这个问题而衍生出的概念就是响应式布局。它会自动识别屏幕宽度并进行相应调整。网页的排版布局和显示内容会发生变化。最后，如果大家觉得文章不错，就点个赞关注一下吧！技术交流，可以关注微信公众号【GitWeb】，加我好友一起讨论微信交流群：加好友（备注觉得不行）邀你进群，一起学习，一起进步
