什么是响应式设计

响应式设计即是 RWD，Responsive Web Design。

这里百度或者谷歌一下会有各种各样的答案。这里一段摘自知乎上我觉得很棒的一个答案：什么是响应式布局设计？[1]

根据维基百科及其参考文献，理论上，响应式界面能够适应不同的设备。描述响应式界面最著名的一句话就是“Content is like water”，翻译成中文便是“如果将屏幕看作容器，那么内容就像水一样”。

为什么要设计响应式界面

为什么要费神地尝试统一所有设备呢？

• 即便是 PC 或 Mac 用户，有数据显示只有一半的人会将浏览器全屏显示，而剩下的一般人使用多大的浏览器，很难预知；

• 台式机、投影、电视、笔记本、手机、平板、手表、VR……智能设备正在不断增加，“主流设备”的概念正在消失；

• 屏幕分辨率正飞速发展，同一张图片在不同设备上看起来，大小可能天差地别；

• 鼠标、触屏、笔、摄像头手势……不可预期的操控方式正在不断出现。

响应式界面的四个层次

• 同一页面在不同大小和比例上看起来都应该是舒适的；

• 同一页面在不同分辨率上看起来都应该是合理;

• 同一页面在不同操作方式（如鼠标和触屏）下&#x