【发布时间】：2013-11-14 10:24:18
【问题描述】：
我正在使用引导程序构建响应式设计，我有两个导航栏，一个用于移动设备，一个用于桌面。
作为移动优先的框架，桌面版仅在min-width:992px 触发，否则设置为display:none。我有一大堆用于桌面导航的 css，现在我想知道是否最好将其放在最小宽度 992 媒体查询中，或者将其留在媒体查询之外。
最佳做法是什么？
另外，媒体查询 CSS 是否仅在媒体查询被触发时才被加载？我很确定 CSS 只是按原样加载，但我想我会问。
【问题讨论】：
-
直接 CSS 样式作为 DOM 的一部分加载，而不是有条件地加载。但是，媒体查询仅在满足条件时才会加载。
-
@DevlshOne 如果媒体查询与全局 CSS 内联，即同一个文件，该怎么办。据推测，整个文件已加载，但在满足上述条件之前并未完全执行。对吗？
-
@JackWilliams 没错。这就是为什么您经常会在它们自己的外部样式表中找到媒体查询。
-
嗯，好的，谢谢，这是对@Melbourne2991 的可行建议
-
有趣，所以为了获得最佳性能，我最好在全局 css 文件中有媒体查询，然后在其中有一个导入查询？还是有一个导入查询并将媒体查询放在它自己的文件中会更好？
标签： css twitter-bootstrap responsive-design