作为全球先进的科技巨头，Google一直推崇响应式网页设计，并在今年的4月21日发布了重大的更新，目的是提高响应式在移动终端上的运行效率。尽管在更新中没有明确表明你必须使用响应式设计。只是简单的提示响应式设计拥有不错的UX和优越的性能，是移动设计方面的一个不错的选择。
考虑到这一点，让我们一起来测试一下“响应式设计”与“自适应设计”在性能和用户体验上各自的利弊。
自移动终端设备全面普及后，争论*为激烈的是我们在响应式设计，自适应设计和独立的手机网站（拥有独自的M.URL）该做何选择。基于本文章的讨论重点，我们先避开独立的手机网站不谈，因为它似乎不太受设计师和企业的欢迎，可能是因为它必须得单独创建的原因吧。（前期的开发和后期的维护成本都很大）
两者的区别？
首先，响应式和自适应*为关键的区别是什么呢？
简而言之，响应式就相当于液体，它可以自动适应不同尺寸的屏幕，无论你的设备尺寸多么奇葩。响应式使用CSS media queries的方法，根据目标设备自动改变风格如显示类型,宽度、高度等，这能很好解决不同屏幕尺寸的显示问题。
而自适应设计是基于断点使用静态布局，一旦页面被加载就无法再进行自动适应，自适应会自动检测屏幕的大小来加载适当的工作布局，也就是说，当你要采用自适应设计网站时，你得一个一个设计6种常见的屏幕布局。
北京火星人教育—官网
