带视网膜显示器的Ipad mini的媒体查询？

对于Ipad mini（非视网膜）：

对于iPad3和iPad4（视网膜）：

---

但是带视网膜显示屏的Ipad mini怎么样？

与iPad3和iPad4相同。因为iPad具有普通iPad的分辨率。只是一个较小的屏幕。我的客户要求在ipad normal和ipad mini上使用不同的样式。因为ipad mini的实际设备更小。如果我在mini（视网膜）上使用ipad 3和4的媒体查询，那么它将在mini（视网膜）中使用ipad普通样式，在mini（视网膜）中切换视网膜和非视网膜版本时，这是不一致的。对你来说，ipad mini与普通ipad相同。此外，第一个媒体查询也用于ipad 1和2，它没有视网膜显示器。因此，您已经破坏了这些设备上的体验。@rckoenes您应该发布一个答案，因为您的评论解决了问题。

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1)

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)