css - 使用媒体查询时在 CSS linter 中出现错误

Question

当我通过CSS Linter输入下面的代码时，我得到了六个错误。这些错误是在 linter 还是 CSS 中？我看不出 CSS 有什么问题。无论设置如何，我似乎都无法关闭或忽略错误。

@media ( max-width: 320px ) {
    .test {
        padding: 20px;
    }
}

score 3 · Accepted Answer

我只需要删除空格即可通过：

@media (max-width:320px) {
    .test {
        padding: 20px;
    }
}

score 3 · Accepted Answer

您的代码是有效的，只是 css 链接对格式很挑剔。

如果您将其更改为以下内容，它会非常满意：

@media(max-width:320px){.test{padding:20px;}}

我建议使用这个网站来验证你的 CSS：

2 回答 2