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