简单的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开发者网络上。