CSS3 解析错误词法错误答案

【问题标题】：CSS3 Parse Error Lexical errorCSS3 解析错误词法错误
【发布时间】：2014-08-13 01:42:51
【问题描述】：

我不断收到此错误，不知道为什么在我验证它时会弹出它。任何人都可以向我解释这个以及如何解决它？错误是这样的： 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;
    }

}

【问题讨论】：

标签： css validation parse-error

【解决方案1】：

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

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

下面是正确的语法：

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

【讨论】：

谢谢，我要试试看是否可行。

【解决方案2】：

@和媒体之间不应有空格。

应该是：

@media //not @ media

【讨论】：