很多地方,看到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 Logo 和所有内容。我不确定为什么真正的验证器 ( https://jigsaw.w3.org/css-validator/ ) 在我的浏览器中以俄语出现,但这就是我没有使用它的原因。我认为这不可能是“官方”的。
最佳答案
使用下面的验证器,你应该不会遇到任何问题。
关于css - "@media only ..."是有效的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45260326/