簡單的CSS3媒體查詢不起作用

Question

真正簡單的事情根本不起作用。我只想設置一個div來顯示none，直到寬度大於980px。但它只適用於980像素的屏幕，但沒有什麼比這更多或更少！

/* Should work while screen is 980px or less */ 
    @media (max-width: 980px) { 
    .large-screen-hide{ 
     display: none; 
    } 
} 

Answer 1

u需要設置的媒體

@media screen and (max-width:980px){ 
    .large-screen-hide { 
     display:none; 
    } 
} 

Answer 2

我認爲你需要檢查這兩個最小寬度和最大寬度類型。

嘗試

/* Should work while screen is 980px or less */ 
    @media screen and (min-width: 1px) and (max-width: 980px) { 
     .large-screen-hide{ 
      display: none; 
     } 
    } 

從CSS Media Queries Mozilla開發者網絡上。