自从移动网络出现以来，一个大的争论是设计一个适应性强、响应速度快的网站来适应不同的门户网站，还是设计一个独立的移动网站[俗称m（dot）设计，用于熟悉的http://m.site.com URL结构]。为了我们今天的讨论，我们将认为m（dot）设计已经成为过去，因为它不再被认为是最佳实践，因为它涉及创建一个内容更少、图像更少、导航更简单的全新网站。因此，考虑到这一点，让我们看一下为不同生活方式设计的不同方法。
什么是响应式网页设计和自适应网页设计？
早在本世纪初，网页设计的争论就发生在固定式布局和响应式布局之间。响应式设计布局使用百分比进行设置，并将其拉伸以适合浏览器的框架，而固定式布局锁定在由设置的像素宽度确定的单个布局中。这两种方法都不是完美无缺的。虽然响应式布局可以在多种屏幕尺寸下工作，但在宽屏显示器上，它们看起来很不协调，不吸引人。固定设计在屏幕上运行良好，但几乎不可能在更小的屏幕移动设备上使用。
“响应式设计需要花费更少的精力来构建和维护。”
近年来的两个主题是响应式网页设计和自适应式网页设计。虽然这两种方法都可以满足Google关于在移动设备上访问网站以及良好的用户体验和强大性能的建议，但每种方法各有利弊。首先，自适应Web设计（AWD）就像旧的固定式设计一样，因为它使用基于断点的静态布局。AWD可以检测屏幕尺寸并为其加载适当的布局。这涉及设计（至少）六个屏幕宽度。使用AWD设计和开发适用于多种不同屏幕尺寸的网站可能是一项额外的工作。这种方法确实使您对样式和内容策略有一定程度的控制，而使用响应设计则不一定如此。但是从长远来看，从头开始设计至少六个“新站点”是大量的工作，而您不必与响应式Web设计相关。
The Next Web上的Carrie Cousins说，“如果满足以下条件，则应考虑使用自适应设计：
设备特定的经验是必要的；
可以为每个设备创建不同的体验。
可以处理和维护自适应模板和资源
用户群在许多不同的设备上访问您的信息（如果分析显示70％的用户在单个设备上，则自适应UI可能不值得您花费时间）。”
在另一方面，响应式网页设计（RWD）在内容和风格AWD多的控制，但它确实需要少得多的工作，既构建和维护。RWD就像流体设计的后代。无论目标设备是什么，它都能适应屏幕的大小。响应式使用CSS媒体查询根据目标设备更改样式，然后根据设备的屏幕尺寸加载页面布局。
由于RWD会在屏幕上随机播放和移动内容，以使设备窗口流畅地适应，因此，您在移动设计时需要特别注意外观的视觉层次。在这里，可以在多个设备和多个浏览器中进行测试。许多设计师认为响应式设计是更具挑战性的设计方法，因为他们必须计划几乎无限数量的屏幕尺寸。RWD几乎总是可以产生更清晰的代码和更好的适应性，因此在构建时要考虑到未来。
为什么自适应设计是网页的未来
为什么负责人的设计是值得信任的设计？
对于读者来说，这更令人愉快。屏幕尺寸没有AWD所固有的限制。虽然保证响应式网站设计可以在任何屏幕尺寸上正常工作，但自适应设计只能在其布局所能支持的尽可能多的屏幕上工作。
响应式设计加载速度更快。自适应网站需要加载所有可能的布局，而自适应网站仅需要加载可在所有平台上使用的布局。
面向未来。由于它不仅限于您指定的屏幕尺寸，因此无论屏幕尺寸如何，页面都会在屏幕（更不用说平板电脑和智能手表）上加载并显示出色的外观。
