Question

有谁知道这条规则有什么问题？

@media screen and（-webkit-min-device-pixel-ratio：0）{ ＃nav-main li.c_course div {margin-left：1px！important;}

#nav-main li.c_course div{margin-left:1px !important;| margin-right:0px !important;;}
#nav-main li.c_course div div{margin-left:0px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #nav-main li.c_course div{margin-left:1px !important;}
  }

我在media syntax possible combinations进行了研究。它似乎是有效的代码（即使7.3 Recognized media types规范没有按照OP的方式列出语法，也可以通过帖子判断）。

它应该被放置在.css中的其他位置还是什么？

由于

Answer 1

以下是一些信息www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio 似乎规则应该写为
@media screen and (min-device-aspect-ratio:0){ ... }
事实是，我不知道“0”是否是有效值。规范使用比率，我不知道编码器使用“0”意味着什么。 “0”无论如何都没有意义---所以这句话似乎毫无意义。
www.w3.org/TR/css3-mediaqueries

Answer 2

使用代码：

@media screen and (-webkit-min-device-pixel-ratio:0)

是一种仅针对webkit浏览器的方法，因为它与webkit浏览器匹配，最小像素比为零，这对每个webkit浏览器都有影响。问题是webkit前缀不会针对W3C标准进行验证，因为它是特定于供应商的 - 它应该作为最后的手段使用，如果你不介意CSS验证失败。

@media，-webkit-min-device-pixel-ratio： - css规则的语法不正确

2 个答案: