0
我想将CSS规则应用于我的导航栏菜单，但我不希望它们显示在折叠菜单上。使用我发现here答案我试过如下：将CSS仅应用于非折叠菜单
@media (min-width: 980px) {
/* your conditional CSS*/
}
但是，如果我的浏览器窗口是900px，折叠菜单无法显示，因此不显示我的CSS。这里是我的菜单的代码：
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#header_links">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="header_links">
...
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
我怎样才能可靠地只应用CSS规则到我的菜单，当它没有崩溃？
你试过在'@media应用您的条件CSS（最小宽度：900px）{...' ？ – Mrchief 2014-08-28 20:53:18
它实际上仍然不会崩溃，直到768px，所以我想最小宽度：768px会为我解决它。我很担心，但在不同的缩放/浏览器中，这768可能会有所不同？ – Joseph 2014-08-28 21:07:22
是的。我提到900，因为这是你的问题。缩放时，除非使用ems，否则媒体查询不受影响。但是对于像素来说，它们很简单，就好像你在不同的宽度上一样。因此，如果您为这些宽度设计媒体查询，它应该相应地工作。您可以通过放大缩小来测试媒体查询：http://mediaqueriestest.com/ – Mrchief 2014-08-28 21:13:58