Будет ли какая-либо разница в применении CSS Media Queries для обнаружения iPad 3 или нового iPad?
Также iPad 1 и iPad 2 вернули ширину устройства как 768 пикселей в обеих ориентациях. Так это же на iPad 3?
Новый iPad сообщает о той же ширине устройства , что и первый и второй iPad (768).
Медиа-запросы для нового iPad (или iPad 3) практически не изменились. Так что, если вы выберете минимальную ширину устройства в 768 пикселей, это все равно будет работать для нового iPad. Однако, чтобы дать более конкретный запрос, вы можете проверить ширину устройства от 1536 до 2048 пикселей.
Очень хороший учебник по использованию CSS Media Queries http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8
Я полагаю, что это так.
Если вас беспокоит влияние дальнейшего увеличения разрешения пикселей на новом дисплее 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