CSS Media Queries на iPad 3 (или новый iPad)

Question

Будет ли какая-либо разница в применении CSS Media Queries для обнаружения iPad 3 или нового iPad?

Также iPad 1 и iPad 2 вернули ширину устройства 768 пикселей в обоих направлениях. Так это же на iPad 3?

Answer 1

Медиа-запросы для нового iPad (или iPad 3) практически не изменились. Поэтому, если вы укажете минимальную ширину устройства в 768 пикселей, это все равно будет работать для нового iPad. Однако, чтобы дать более конкретный запрос, вы можете проверить ширину устройства от 1536 до 2048 пикселей.

Существует очень хороший учебник по использованию CSS Media Queries по http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8

Answer 2

Новый iPad сообщает о той же ширине устройства, что и первый и второй iPad (768).

Answer 3

Я верю, что это так.

Если вас беспокоит влияние дальнейшего увеличения разрешения пикселей на новом дисплее Retina, добавьте следующее к элементу заголовка вашей страницы:

<meta name="viewport" content="width=device-width, maximum-scale=1.0" />

Смотрите эту статью с очень полезной информацией по определению размеров области просмотра:

http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889591/Detect-and-Set-the-iPhone--iPads-Viewport-Orientation-Using-JavaScript-CSS-and-Meta-Tags.htm