CSS3 解析错误 词法错误

Question

我一直收到这个错误，我不确定为什么在我验证它时会弹出它。任何人都可以向我解释这个以及如何解决它吗？错误是这样的:246 #copyright Parse Error 第 249 行第 2 列的词法错误。遇到:“”(32)，之后:“@”

这是代码。我从第 246 行开始，我猜它是从哪里开始的……不太了解这里发生了什么。第 246 行是我的智能手机 css 的右括号。如果您需要，我也可以发布。非常感激。

}
/* ----- Tablet ----- */
@ media screen (min-width: 481px) and (max-width: 769px) {
   div#wrapper{
      margin: 0 auto;
      padding: 1em;
      width: 98%;
    }
    header h1 {
        font-size: 1.8em;
    }

}

Answer 1

错误消息说解析器在第 246 行之后的“@”之后遇到了一个空格“”。该空格不应该在那里，因此解析错误；你需要删除它。

您还缺少此媒体查询中的 and。

正确的语法是:

@media screen and (min-width: 481px) and (max-width: 769px) {