我正在使用bootstrap构建响应式设计,我有两个导航栏,一个用于移动设备,一个用于桌面设备。
作为移动优先框架,桌面版仅在min-width:992px
触发,否则设置为display:none
。我有一大堆用于桌面导航的CSS,现在我想知道是否最好将它放在min width 992媒体查询中,或者只是将它留在媒体查询之外。
最佳做法是什么?
此外,媒体查询CSS是否仅在触发媒体查询时加载?我很确定CSS会按原样加载,但我想我会问。
答案 0 :(得分:-1)
您应该尝试使用(%)代替(px)