2017-02-02 10 views
0

Мне нужно внести конкретные изменения в макет страницы для iPads 3. Есть какой-либо медиа-запрос css для I-pad3 9'7inch screen 1536 x 2048 пикселей (~ 264 пикселей в пикселях)Что такое медиа-запросы для ipad 3

+0

Итак, вам нужен медиа-запрос, который подходит только для iPad ** 3 **? Или все 9,7-дюймовые iPad? – xmcp

+0

Возможный дубликат [мультимедийных запросов CSS для iPad и iPad только?] (Http://stackoverflow.com/questions/8271493/css-media-query-to-target-ipad-and-ipad-only) – xmcp

ответ

1

Самого запрос медиа-видимому, не существенно изменился из предыдущих итераций IPAD с тем исключением, что отношение пикселя устанавливаются для обработки сетчатки дисплеев с помощью атрибута -webkit-min-device-pixel-ratio:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2) { 
    /* Place iPad 3 Styles Here */ 
} 

этих более высокого дисплеи сетчатки разрешения, как правило, все еще сообщают о той же ширине устройства, что и более ранние версии, но вы можете думать о ранее упомянутом атрибуте эффективно, как «множитель», к вашим минимальным и максимальным значениям.

+0

есть любой плагин для проверки этого разрешения в браузере? – parthiban

 Смежные вопросы

  • Нет связанных вопросов^_^