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

Question

我试图将视网膜背景图像放入某些元素，但实际上无法使这些媒体查询正常工作。崇高的文字不会在语法上突出显示它们，所以我很确定此堆栈已损坏，但我不知道该怎么办。帮忙吗？

@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代码冗长，但这是目前唯一的解决方案。