正确的媒体查询语法

Question

我在遵循CSS规则时遇到了解析错误：

@media screen (max-width: 350px) {
  h2 {
  font-size:1.5em;
  }
}

我缺少什么？

Answer 1

您错过了and和only。

尝试：

 @media only screen and (max-width: 350px) {
    h2 {
       font-size:1.5em;
    }
 }

Answer 2

只需删除screen：

即可

@media (max-width: 350px) {
  h2 {
    font-size:1.5em;
  }
}

Answer 3

你测试这个例子

@media  screen and (min-width: 321px) and (max-width:960px){
  h2 {
  font-size:1.5em;
 }

}