Question

我一直收到此错误，并且在我验证它时不确定它为什么会弹出。任何人都可以向我解释这个以及如何解决它？错误是这样的： 246 #copyright解析错误第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) {

Answer 2

@和媒体之间不应该有任何空间。

应该是：

@media //not @ media

CSS3 Parse Error词法错误

2 个答案: