我试图将视网膜背景图像放入某些元素,但实际上无法使这些媒体查询正常工作。崇高的文字不会在语法上突出显示它们,所以我很确定此堆栈已损坏,但我不知道该怎么办。帮忙吗?
@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){
}
最佳答案
只有一种像素比率才能应用。想想看,当-webkit-min-device-pixel-ratio为1.5时,对于-o-min-device-pixel-ratio不适用。我们只有“和”规则。如果所有规则一次都不成立,则该条件将不适用。
试试这个代码:
only screen and ( min-device-pixel-ratio: 1.5 ){
}
对于其他规则,请每次单独应用它们。这将导致您的CSS代码冗长,但这是目前唯一的解决方案。
关于ios - 媒体查询像素比率不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13037469/