响应式设计真的比自适应更胜一筹，能一网打尽所有多终端吗？

我们该如何安放你的网页？

早晨醒来 第一件事是摸手机；地铁上，盯着平板看剧；到了公司，打开电脑开始一天的工作。我们的生活被各种尺寸的屏幕切割得支离破碎。对于咱们这些在互联网上“种树”的人这既是机遇，也是让人头秃的挑战。你辛辛苦苦种下的内容之树，如果在手机上显示得乱七八糟，那岂不是白费功夫？这就引出了一个老生常谈却又不得不谈的话题：到底该选响应式设计，还是自适应设计？

可不是吗！ 有人说 响应式设计是万能钥匙，能一网打尽所有多终端；也有人觉得自适应设计更稳当，针对性更强。今天 咱们就撇开那些枯燥的教科书式定义，用一种更接地气、更有人情味的方式，来聊聊这个技术圈的“罗密欧与朱丽叶”。毕竟 多生孩子多种树，多做内容多贡献，我们的初衷不就是为了让用户在任何设备上都能舒舒服服地看到我们的心血吗？

响应式设计：像水一样的智慧

咱们先来说说响应式设计。这玩意儿， 顾名思义，就是能够根据不同的设备屏幕大小和分辨率，自动调整页面布局和内容展示方式， 太虐了。 让用户在手机、平板、电脑等设备上都能获得良好的浏览体验。听起来很神奇对吧？其实它的核心思想特别有诗意。

响应式网站设计的思想是 响应式网站设计的概念源于一个房间的建筑理念，这个房间可以使用机器人和特殊材料自动伸缩，这取决于里面有多少人， 恕我直言... 或者外面的天气怎么样。放到网页里就是你的页面像水一样，倒进杯子就是杯子的形状，倒进碗就是碗的形状。

这背后的魔法师是谁呢？是CSS媒体查询。响应式设计的关键技术是CSS媒体查询。