红色
改变浏览器的宽度
粉色
会看到布局发生了变化
紫色
仅仅是通过CSS改变一个变量值实现
青色
这比传统的响应式处理要更省代码更好维护
茶色
本例子主要为了演示响应式与变化效果
绿色
所以，至于布局变化细节是否合理就不用在意了。
提示：响应宽度点为：1200px, 900px, 600px