媒体查询的像素比率不起作用

Question

我试图将视网膜背景图像放在某些元素中，并且我实际上无法让这些媒体查询工作。 Sublime文本不会语法突出显示它们所以我很确定这个堆栈已经坏了但我不知道该怎么做。帮助pelase？

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (   -o-min-device-pixel-ratio: 1.5/1),
only screen and (        min-device-pixel-ratio: 1.5){ 
}

Answer 1

只应使用一个像素比例才能使其正常工作。想想看，当-webkit-min-device-pixel-ratio为1.5时，它不会是-o-min-device-pixel-ratio。我们只有“和”规则。如果所有规则一次都不为真，则不会应用该条件。

试试这段代码：

only screen and ( min-device-pixel-ratio: 1.5 ){ 
}

对于其他规则，请每次单独应用它们。这将导致您的CSS代码冗长，但它是目前唯一的解决方案。