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的視口也