《高性能响应式Web开发实战》一1.4 定义响应式

本节书摘来异步社区《高性能响应式web开发实战》一书中的第1章，第1.4节，作者： 李光毅 责编： 杨海玲，更多章节内容可以访问云栖社区“异步社区”公众号查看。

我们有没有可能采用一种最直接的方式，用一句话阐述响应式在前端开发中究竟代指哪些技术？如果非要往前追溯对响应式技术的定义，一定要谈alistapart[3] 网站上的被奉为经典的两篇文章，即《responsive web design》[4]和《a dao of web design》[5] 。

在《responsive web design》中，作者仅仅使用了流式布局（fluid layout）和媒体查询（media query）就完成了响应式页面的构建。那我们可不可以说，响应式技术就等于流式布局加上媒体查询？或者反过来说，如果一个站点没有使用流式布局或媒体查询，那么这个站点就不应该自诩使用了响应式设计？

这是不公平的，响应式设计应该是一类思考解决问题的方式而不是一成不变的技术集合。过去每当提到响应式技术时第一时间想到的只有流式布局和媒体查询，但就在我键盘上敲出这一段文字的当下，本书涉及的响应式图片技术与性能优化技巧，甚至后端的ress概念，都也都被列入到响应式技术集合中，它们与媒体查询同样重要。但是，我们不能批评说只谈媒体查询和流式布局的人是狭隘的，技术仍然受限于整个时代水平的客观性。或许不久的将来又会有更具有前瞻性的技术让当下我们谈论的退出历史舞台，所以我们始终要以开放的心态和发展的眼光看待响应式。

引用梁文道杂文集《味道之第一宗罪》中的一篇谈食物正宗性的文章《正宗的传说》里的一段话：

**坚持正宗根本违背了饮食文化的本性，饮食之道，就如人类的一切生活文化，总是在适应环境，总是在改变。欣赏美食要有好奇心，不能食古不化，死守祖训。

**

至少在这一方面，饮食和技术是一样的，没有所谓的正宗可言。