在哪里放置特定屏幕尺寸的CSS?

时间:2013-11-14 02:21:59

标签: css twitter-bootstrap responsive-design

我正在使用bootstrap构建响应式设计,我有两个导航栏,一个用于移动设备,一个用于桌面设备。

作为移动优先框架,桌面版仅在min-width:992px触发,否则设置为display:none。我有一大堆用于桌面导航的CSS,现在我想知道是否最好将它放在min width 992媒体查询中,或者只是将它留在媒体查询之外。

最佳做法是什么?

此外,媒体查询CSS是否仅在触发媒体查询时加载?我很确定CSS会按原样加载,但我想我会问。

1 个答案:

答案 0 :(得分:-1)

您应该尝试使用(%)代替(px)