При отображении html-страницы на iPad с ретина-дисплеем, устройство определяет автоматически размеры страницы следующим образом:
- width: 768px;
- height: 1024px,
т.е., вертикальная ориентация (причем, независимо от реальной ориентации экрана iPad), и маленькое рабочее поле, отчего относительные и абсолютные размеры определяются им по-своему и верстка «ползет».
Говорят, краткость — сестра таланта, поэтому сразу напишу рецепт. Небходимо просто указать размеры рабочего поля с помощью мета-тега viewport вот таким образом (пример):
1 |
<meta name="viewport" content="width=1280" /> |
Размещается данный тег в между <head></head> (если вдруг кто не знает). На здоровье.