5x8小时服务热线:131 4102 7650(同微信)
您当前的位置:首页 > 网站常识 - 网站建设

如何利用媒体查询改进我们的设计思维

来源:北京网站建设 标签:CSS3媒体查询网页设计
分享到:
我们可以在样式表的开始设置基本样式,以便适应所有的设计;
然后使用媒体查询来进一步重写相应的部分。例如,先针对大视口设计(用户大多数情况下使用鼠标),将导航链接设计成简单的文字链接,然后再针对较小的视口,使用媒体查询重写这部分的样式,为拇指一族提供更大的点击区域。

看下面的例子就明白了。
当显示屏的宽度大于一个值时,导航是文字链接:


当显示屏小于某个值时,导航变成了如下的一个图标(可以使用手指触摸点击触发导航效果):


当触摸导航图标后,导航显示了出来(每个区域都是很容易被手指点击的):


大概明白这里面的意思了吧!!
备注:本篇文章由加网编辑原创内容,转载请注明出处:转自加网

相关网站常识

更多