是“@media only ...”有效的css

时间:2017-07-22 23:48:26

标签: css css3 validation

很多地方,我在css中看到了“@media only ...”的做法。但是,w3c验证器不接受此操作。让我们举一个例子,来自:

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

@media only screen and (max-width: 500px) {
    .gridmenu {
        width:100%;
    }

    .gridmain {
        width:100%;
    }

    .gridright {
        width:100%;
    }
}

如果我将其粘贴到CSS验证器中,它会说“仅识别无法识别的媒体”,当我指定CSS3时也是如此。但是,如果省略only关键字,则验证CSS。谁在这? w3schools还是w3c?是否包含only关键字是否重要?

编辑 - 这是我使用的验证器: http://www.css-validator.org/

鉴于设计,我没有想到它可能不是w3c自己的,因为它有w3c标志和一切。我不确定为什么真正的验证器(https://jigsaw.w3.org/css-validator/)在我的浏览器中出现俄语,但这就是我没有使用它的原因。我认为它不可能是“官方”的。

1 个答案:

答案 0 :(得分:2)

使用以下验证器,您不应该遇到任何问题。

https://jigsaw.w3.org/css-validator/