css - Macbook retina 拾取 iPad retina 媒体查询

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 retina 上，样式也会被拾取。

我没有要测试的视网膜，所以我在调试时遇到了麻烦。

谁能看到冲突的规则？

Answer 1

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