媒體忽略的查詢，以下MDN準則

MDN例如媒體查詢：

@media (max-width: 600px) { 
    .facet_sidebar { 
    display: none; 
    } 
}

我的媒體查詢：

@media (max-width: 1000px) { 
    .nav-content { 
    width: 90%; 
    margin-left: 5%; 
    } 
}

這不是工作...

我已檢查過的東西：

原來的CSS

.nav-content { 
    width: 80%; 
    margin-left: 10%; 
    display: inline-block; 
}

這裏有一個鏈接到一個codepen ：http://codepen.io/sbhenrichs/pen/ZOjyrm 但是，當我將瀏覽器縮小到小於1000像素時，沒有任何事情發生！

請幫助

燦」如果我們不能重現這個問題，那麼你真的會幫助你。發佈完整的代碼或工作演示（例如jsfiddle.net）。 http://stackoverflow.com/help/mcve –

@Michael_B我編輯它，併發送一個鏈接到codepen –

在媒體查詢中拼寫錯誤類名稱。 –

您的（HTML）內的style標籤這個CSS規則head：

.nav-content { 
    width: 75%; 
    margin-left: 12.5%; 
}

這將覆蓋所有外部樣式表的規則...

2016-07-31 23:34:34 Johannes

回答