iPad vs iPad的媒体查询空气
问题描述：
有2个关于StackOverflow的@media查询的优秀讨论。其中之一是：CSS media queries work for iPad2, iPad Air, Samsung Galaxy, large screens but not the usual desktop screens。iPad vs iPad的媒体查询空气
这些讨论发生在iPad Air出现之前。 iPad Air的视口为2048 x 1536.我无法找到它的webkit-min-device-pixel-ratio。我想专门针对Air，因为我的AJAX站点缩小了一半。此网站仅适用于风景。
所以......
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
(-webkit-min-device-pixel-ratio: 1.0)
- >针对旧的iPad 2的
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
(-webkit-min-device-pixel-ratio: 2.0)
- >针对iPad 3的& 4视网膜，但它并不针对航空
我已尝试变体
@media only screen
and (min-device-width : 1536px)
and (max-device-width : 2048px)
and (-webkit-min-device-pixel-ratio: 2.0)
尝试让空气反应。谁在那里有经验开发新的Airs？
这是Safari浏览器所呈现的空气一半大小。不是Chrome。你如何做浏览器检测？ – Lilian 2014-11-14 17:09:43