实际验证为 css3 的 css3 媒体查询？答案

【问题标题】：css3 media query that actually validates as css3?实际验证为 css3 的 css3 媒体查询？
【发布时间】：2014-02-21 20:49:56
【问题描述】：

这让我抓狂——谁有一个实际上验证为 css3 的 css3 媒体查询？我已经尝试了几个，包括 Chris Coyier 的，但都没有成功，我在这里验证：

我已经确定我也在 css3 下进行验证。我错过了什么？

编辑添加：

这是我放入验证器的代码，逐字逐句来自 Chris 的网站：

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

这是验证器给出的错误：

Feature -webkit-min-device-pixel-ratio doesn't exist for media null ), (min-resolution: 192dpi) { /* Retina-specific stuff here */ }

【问题讨论】：

它给你的通知/错误是什么？你的 CSS 是什么样的？
媒体查询是有效的 CSS3。您一定误解了验证错误。我们不可能在没有看到您的代码的情况下为您提供帮助...而且 W3C 验证也不是万能的，有时无效代码是必要的（供应商前缀、优雅降级等）。
我刚刚添加了代码和错误的详细信息。对此有何见解？谢谢。

【解决方案1】：

您在媒体功能中使用了供应商前缀：-webkit-min-device-pixel-ratio。带前缀的 CSS 属性在 CSS 验证器中验证（有一个设置可以使它们出错或警告），但媒体功能不会。这可能是验证器中的一个错误。

【讨论】：