正如您已经注意到的，最近每个人都在谈论响应式网站设计。在过去的几年里，响应式已经成为网页设计师的“必备”框架。但是，在为现代用户创建时要考虑的正确概念是响应式还是自适应式？
什么是自适应？
自适应和响应式网站设计背后的想法是相似的，但又不尽相同。它们在 HTML 和 CSS 以及向用户提供信息的方式上有所不同。“自适应网页设计”一词是由 Aaron Gustafson 发明的。它利用“渐进增强的许多组件作为定义专注于用户而不是浏览器的设计方法集的方式”。这个想法是创造适应特定设备的体验。自适应设计将改变（适应）以适应设备的预定屏幕和尺寸。
什么是响应式？
“响应式网站设计”一词是 Ethan Marcotte 的发明。响应式设计的思想是设计应该根据不同的屏幕尺寸来响应用户的行为。在将笔记本电脑切换到平板电脑或智能手机时，它应该使具有相同布局的用户受益。网站应自动调整以适应分辨率、图像和内容大小。这消除了为每个小工具设计不同概念的需要。响应式网站设计允许网站流畅地更改并响应以适应任何屏幕或设备尺寸。
自适应和响应式网站设计差异
最大的相似之处在于，这两个概念都允许网站与所有设备兼容，以便我们能够在各种屏幕和分辨率、笔记本电脑、平板电脑或智能手机上查看网站。
响应式网站设计允许将整个页面传送到设备浏览器。然后浏览器更改页面的显示方式，使其适合浏览器窗口的尺寸。
自适应与服务器本身有关，并允许服务器在页面传递之前检测设备的属性。服务器可以加载针对设备优化的站点版本 - 其尺寸和功能。对于自适应，服务器最好提供优化的页面。为了响应迅速，该设备承担了所有艰苦的工作。
结论
总之，这两种方法都有相同的想法——更好地为用户提供最佳体验，以及在使用不同设备时提供兼容性。
两者的交付方式不同：自适应网页设计基于预定义的屏幕尺寸，响应式网站设计基于灵活的网格。此外，响应式可能需要更多的代码和实现策略与灵活的框架，而自适应具有流线型的分层方法。
如果您在两者之间进行思考，则没有普遍的答案。您应该始终专注于客户，并确保为他们创造共同的体验。这两种方法都是正确的，只要它们为特定项目/客户及其需求提供经验。
