Css （-webkit最小设备像素比：1.5）

我有一个样式表，其中包含一些css3媒体查询

@media (max-width: 480px), (-webkit-min-device-pixel-ratio: 1.5) {
    p, label, .labelish {font-size: 1.2em;}
    h3 {font-size: 1.4em;}
        body{
         background-color: red !important;
        }
}

现在我了解了第一部分，即仅当用户浏览器低于480px时才应用这些样式。

-webkit最小设备像素比：1.5

是我没有得到的。我知道它在寻找高密度的屏幕像素分辨率。但不知道为什么它会出现在Chrome上的新Mac视网膜屏幕上。我问的原因是我有两台电脑，一台有新的视网膜屏幕，另一台没有，上面的css只在视网膜屏幕上运行

我找到了这个链接，它列出了它应该影响的屏幕

• 谷歌Nexus S
• 三星Galaxy S II
• HTC欲望
• HTC Desire HD
• 宏达电
• HTC速度
• HTC感觉

根据这个列表，Mac视网膜屏幕不应该应用这些样式

---

有人能解释为什么会发生这种情况吗

如果此属性与CSS的其余部分类似，则

-webkit最小设备像素比：1.5

应应用于该比率报告为2的设备，方法与

最大宽度：480px相同将是宽度为320px的appliet do设备

另外，逗号（
，
）是一个OR运算符，当涉及CSS选择器/列表时，如果您有意使用，请使用：

@media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5)

也许你的逗号让人不安<代码>@media（最小宽度：480px）和（最大宽度：950px）{…}