Медиа-запросы для iPad против iPad Air

Question

Есть 2 Хороших обсуждений о @media запросах на StackOverflow уже. Один из них находится здесь: 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. Я хочу настроить таргетинг на 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 сетчатка, но это не цель Воздуха

I опробовали варианты

@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 имеет видовой экран 1024x768 слишком