Question

进行以下媒体查询：

@media(max-width:980px){
/*Do something*/
}

以上是有效的，但是当我尝试做的时候：

   @media only screen and (max-width:980px){
    /*Do something*/
   }

不起作用！

在所有浏览器（桌面）上测试它。每次我尝试添加“只有屏幕”或除了“@media”之外的任何其他内容（在括号之前），我无法让它工作。我通常使用SASS，并在主文件的末尾包含一个_responsive.sass文件。是否与我的视口设置有关？

<meta name="viewport" content="width=device-width" />

Answer 1

请勿使用，请尝试以下语法：

body{
    background-color:blue;
}

@media screen and (min-width: 500px){
    body{ background-color:red; }
}