实际上验证为 css3 的 css3 媒体查询?

标签 css media-queries retina-display

这让我抓狂 - 谁有一个实际验证为 css3 的 css3 媒体查询?我已经尝试了几个,包括 Chris Coyier 的,但没有成功,我在这里验证:

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

我已经确定我也在 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 */}

最佳答案

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

关于实际上验证为 css3 的 css3 媒体查询?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21944879/

相关文章:

macos - 是否可以在非视网膜显示屏 Mac 上模拟视网膜显示屏 OS X?

css - 未定义方法 `attr' 为 nil :NilClass (NoMethodError)

html - 在图像顶部居中放置 2 个文本元素

javascript - 媒体查询在 iphone 5 上失败

css - 媒体查询 : Image src property change using css

iphone - iPhone 应用程序的 iPad 内容比例因子 x2

ios - 如何让cocos2d v1.0.1支持Retina?

javascript - 使用css动态调整图像宽度和高度

html - 在 "〒"中显示 div

javascript - 将页面的所有媒体查询输出到一个列表中