我们可以在样式表的开始设置基本样式，以便适应所有的设计；
然后使用媒体查询来进一步重写相应的部分。例如，先针对大视口设计（用户大多数情况下使用鼠标），将导航链接设计成简单的文字链接，然后再针对较小的视口，使用媒体查询重写这部分的样式，为拇指一族提供更大的点击区域。
看下面的例子就明白了。
当显示屏的宽度大于一个值时，导航是文字链接：
.png)
当显示屏小于某个值时，导航变成了如下的一个图标（可以使用手指触摸点击触发导航效果）：
当触摸导航图标后，导航显示了出来（每个区域都是很容易被手指点击的）：
大概明白这里面的意思了吧！！
