客户经常会问，响应式布局和自适应布局之间有什么区别？首先，让我们了解什么是响应式布局和自适应布局。

响应式布局：

响应式布局是Ethan markot在2010年5月提出的概念。简而言之，一个网站可以与多个终端兼容，而不是为每个终端制作特定的版本。这个概念的诞生是为了解决移动互联网的浏览问题。

响应式布局可以为不同终端的用户提供更舒适的界面和更好的用户体验。随着大屏幕移动设备的普及，这不能说是大势所趋。随着越来越多的设计师采用这项技术，我们不仅看到了许多创新，还看到了一些建模模式。

自适应布局：

自适应网页设计是指一种新的网页设计方法和技术，它可以使网页自适应地显示在不同大小的终端设备上。随着5g的普及，越来越多的人使用手机上网。

移动设备正在超越台式设备，成为访问互联网的最常见终端。因此，网页设计者不得不面对一个难题：如何在不同大小的设备上呈现相同的网页？

手机屏幕相对较小，宽度通常小于600像素；PC的屏幕宽度一般在1000像素以上（目前主流宽度为1366）×768），有的已经达到2000像素。同一内容在不同大小的屏幕上显示令人满意的结果并不容易。许多网站的解决方案是为不同的设备提供不同的网页，如移动版本或iPhone/iPad版本。虽然这确保了效果，但也很麻烦。应同时维护多个版本。此外，如果一个网站有多个门户，这将大大增加架构设计的复杂性。

因此，长期以来，人们一直认为；一次性设计，一般适用；，让同一网页自动适应不同大小的屏幕，并根据屏幕宽度自动调整布局。

“什么样的网站/项目适合自适应布局（固定断点）？什么样的网站适合响应式布局（流体网格）”

理论上，响应式布局在任何情况下都优于自适应布局，但自适应布局在某些情况下更实用。

自适应布局可以使您的设计更可控，因为您只需要考虑几个状态。但是在一个响应式布局中，你可能要面对很多状态——是的，它们中的大多数是非常不同的，但它们是不同的——因此很难确切地知道你的设计会是什么样子。同时，它也给测试带来了困难。你很难绝对肯定地预测会发生什么。换句话说，这也是响应式布局的魅力所在。通过允许表面的不确定性存在，您可以获得更高级别的确定性。虽然您无法准确预测您的设计在943px像素级×684px视觉区域显示在一起时的工作方式，但您可以确定的是，它们将很好地显示-表面特征和布局结构都是有序的。

自适应布局有其自身的优势，因为它们实现起来更便宜，测试起来也更容易，这通常使它们成为更现实的解决方案。自适应布局可以说是响应式布局的“可怜兄弟”，它可以在资源有限时启动。在改进现有站点时尤其如此，因为此时完全重写代码是不可行的。在这种情况下，自适应布局是一个很好的起点。

事实上，无论哪种设计理念有优劣，都应该根据个人的实际需要来选择！