Web

Глюки с шириной блока при верстке под iPad

При отображении html-страницы на iPad с ретина-дисплеем, устройство определяет автоматически размеры страницы следующим образом:

  • width: 768px;
  • height: 1024px,

т.е., вертикальная ориентация (причем, независимо от реальной ориентации экрана iPad), и маленькое рабочее поле, отчего относительные и абсолютные размеры определяются им по-своему и верстка «ползет».

Говорят, краткость — сестра таланта, поэтому сразу напишу рецепт. Небходимо просто указать размеры рабочего поля с помощью мета-тега viewport вот таким образом (пример):

Размещается данный тег в между <head></head>  (если вдруг кто не знает). На здоровье.

Добавить комментарий