带有媒体查询的<link />标记验证问题

时间:2013-06-02 19:38:40

标签: html css webkit media-queries w3c-validation

我在链接标记中有这段代码:

media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)"

当使用Retina设备时,以不同的方式显示我的网站,但是,当我通过W3 Validator验证时,我收到此错误:

  

错误值(-webkit-min-device-pixel-ratio:2),↩(min-resolution:   192dpi)元素链接上的属性媒体:预期在   开始播放媒体功能部分,但却看到了 - 而不是。

我有什么想法可以解决这个错误吗?

注意:我没有插入回车。

2 个答案:

答案 0 :(得分:0)

看起来你在那里有一些不可打印的角色。尝试再次输入此片段,不要使用回车

答案 1 :(得分:0)

供应商特定的实验性实施(由短划线前缀属性表示)的一个问题是它们 无效。

你可以:

  • 等待该功能标准化并支持
  • 使其无效
  • (对于某些功能)使用JavaScript动态修改属性,以便验证器不会看到它(因此您仍然无效,您将拥有更复杂,难以维护的代码,但验证器将看不到你偏离规范。)