Мне нужно внести конкретные изменения в макет страницы для iPads 3. Есть какой-либо медиа-запрос css для I-pad3 9'7inch screen 1536 x 2048 пикселей (~ 264 пикселей в пикселях)Что такое медиа-запросы для ipad 3
0
A
ответ
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
Итак, вам нужен медиа-запрос, который подходит только для iPad ** 3 **? Или все 9,7-дюймовые iPad? – xmcp
Возможный дубликат [мультимедийных запросов CSS для iPad и iPad только?] (Http://stackoverflow.com/questions/8271493/css-media-query-to-target-ipad-and-ipad-only) – xmcp