Macbook视网膜捡起iPad视网膜媒体查询

Question

我有以下媒体查询，选择iPad视网膜和较小的显示器。

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape), 
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation : landscape),
only screen and (max-width : 1080px){

}

我遇到的问题是，在Macbook Pro视网膜上，样式也会被选中。

我没有视网膜可以测试，所以我在调试时遇到了问题。

任何人都可以看到相互冲突的规则吗？

Answer 1

您应该使用最简单的媒体查询。这里是我用于苹果设备的链接：http://stephen.io/mediaqueries/