媒体查询用于移动设备，而不是视网膜显示

Question

现在，我使用下面的媒体查询，这得不错，我的目的（移动设备）。

@media 
    only screen and (max-width : 600px), 
    only screen and (-webkit-min-device-pixel-ratio : 1.5), 
    only screen and (min-device-pixel-ratio : 1.5) 

也就是说，直到我发现，像素比实际上触发了13" ？的MacBook瓦特/视网膜显示器。所以，我的问题是，是否有指定另一个约束旁边的一个方式像素比，如“1080的最大像素宽度”或类似的规定

Answer 1

您的媒体查询有三种情况下才会执行CSS;你需要把这些结合起来，只能捕捉到手机视网膜屏幕。像这样：

@media (max-width : 600px), and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)

这设置两个条件其中两个说：“高达1.5或更大的设备像素比率最大的600px的”