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