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 视网膜上，样式也被拾取。

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

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

Answer 1

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