iPad vs iPad的媒体查询空气

Question

有2个关于StackOverflow的@media查询的优秀讨论。其中之一是：CSS media queries work for iPad2, iPad Air, Samsung Galaxy, large screens but not the usual desktop screens。

这些讨论发生在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？

Answer 1

你需要视大小http://viewportsizes.com/?filter=ipad Air拥有1024×768的视口也