由于移动设备（手机，平板电脑等）的流行，越来越多的网站开始使用响应式设计来设计网站。其核心归结为一句话就是，在不同设备上自动适配不同的内容（*如下图所示*）。而我们为了让网站样式能够支持响应式设计，其中最关键的因素就是 CSS 中的 **[media queries]