Отключаем автомасштабирование в браузерах на iPad

Замечали наверное, что iPad масштабирует страницу, так, чтобы вся страница влезла на экран по ширине. Иногда границы контента определяются не так, как задумано, но есть возможность исправить ситуацию.

Управлять автомасштабированием можно, включая в html код страницы специальные мета теги.

Первый вариант просто задаёт размер окна страницы, который будет вписан в окно iPad. Во втором варианте, мы дополнительно запрещаем менять масштаб страницы даже пользователю.

Мало букафф? Читайте есчо !

Доспехи и снаряжение школы Медведя: Ведьмак 3

Сентябрь 16, 2016 г.

Чертежи Школы Медведя встречаются в "ванильной" версии игры (т.е. без каких либо DLC). Всего 7 предметов - набор брони, два меча и арбалет. Базовый ...

Читать

Как поправить переменные окружения Windows 7.

Март 8, 2016 г.

Если вам нужно внести правки в переменные окружения Windows 7, читайте дальше как это сделать. Нажмите кнопку пуск и вызовете контекстное меню для ...

Читать

Удалить из head сайта на WP prefetch //s.w.org

Ноябрь 10, 2017 г.

После очередного обновления движка WP, в секции head шаблона появилась линка на s.w.org: [crayon-68c96b29c7ccb538054168/] Что это такое и как удалить читайте далее в статье. Dns-prefetch - это способ ускорить загрузку страницы с помощью предварительного ...

Читать

Дефолтовый admin пароль в jenkins

Март 1, 2022 г.

При использовании CLI клиента jenkins, нужно указывать ключ -auth с реквизитами пользователя. Но сразу после установки реквизиты неизвестны. Где их взять? Пароль типично находится в файле /var/lib/jenkins/secrets/initialAdminPassword. Введите [crayon-68c96b29c7ffc906171543/] ...

Читать
 

Комментарии к «Отключаем автомасштабирование в браузерах на iPad»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий:

Много комментариев в “Отключаем автомасштабирование в браузерах на iPad”

  1. Дмитрий:

    Если бы статью нашел вчера.. а то сутки промучался — не могу понять, почему вдруг ни с того, ни с сяго сайт перестал корректно отображаться в айпаде )) Хотя остальные сайты при аналогичной верстке отображаются корректно. Спасибо, очень полезно!

  2. alexpac:

    html { -webkit-text-size-adjust: none; }

    и никаких проблем при поворотах ipad