Javascript 针对iPad的媒体查询

我对在谷歌Chrome开发者工具上为iPad Pro和iPad编写特定查询有一个问题。。。 我不能以iPad Pro为目标

“和（最小设备宽度：768px） 和（最大设备宽度：1024px）”

但它也正好适用于其他决议，例如

“和（最小设备宽度：1024px） 和（最大设备宽度：1366px）”

对于我如何为不同尺寸的iPad编写不同的媒体查询规则，有人有答案吗？

---

非常感谢：）

iPad可以使用

-webkit min device pixel ratio

查询来检查屏幕是否为视网膜。旧款iPad的

-webkit最小设备像素比
值为
1
。iPad3及以上版本的值为
2
，但两者的屏幕尺寸相同

/*iPad 1、2、Mini和Air*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（-webkit最小设备像素比：1）{
}
/*iPad 3、4和Pro 9.7“*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（-webkit最小设备像素比：2）{
}

CStrick必须识别所有类型的设备。
您是否检查了媒体查询的顺序？