@media, -webkit-min-device-pixel-ratio: - css 规则的语法不正确答案

【问题标题】：@media, -webkit-min-device-pixel-ratio: - incorrect syntax for css rule@media, -webkit-min-device-pixel-ratio: - css 规则的语法不正确
【发布时间】：2011-12-09 10:19:52
【问题描述】：

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

@media 屏幕和 (-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 中的其他位置还是什么？

谢谢

【问题讨论】：

这里有一些信息 [w3.org/TR/css3-mediaqueries/#device-aspect-ratio].看来规则应该写成：@media screen and (min-device-aspect-ratio:0){ ... } 事情是，我不知道“0”是否是一个有效值。规范使用比率，我不知道编码器使用“0”是什么意思。无论如何，“0”什么都没有——所以这个陈述似乎毫无意义。 [1]：w3.org/TR/css3-mediaqueries

标签： syntax webkit screen media

【解决方案1】：

使用代码：

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

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

【讨论】：

【解决方案2】：

这里有一些信息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

【讨论】：