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

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

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

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

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

Кастом байки от KING-KONG

Январь 21, 2015 г.

Сайт для кастомайзеров байков требовал серьёзного подхода к дизайну. Станислав искал вдохновения, отсматривая сайты по данной тематике в интернете. Но ...

Читать

Переменные окружения React для dev и prod

Сентябрь 15, 2023 г.

Если вы разрабатываете SPA на Reactjs, используя npx create-react-app my-app команду для создания проекта, то в коробке вы получаете множество полезных ...

Читать

Контрольный выстрел

Июнь 3, 2014 г.

Вот и финальная пачка макетов. Пока Стас дорисовывал, работа уже начата. Посмотрим, что сразу пойдет в дело под нож хирурга под курсор верстальщика. ...

Читать

Установка node js через пакетный менеджер

Февраль 27, 2022 г.

Я нашел универсальный скрипт для установки требуемой версии node.js. Проект https://github.com/nodesource/distributions Скрипт покрывает множество платформ. Среди них - Ubuntu, Linux Mind, Debian, elementary OS, и многие другие unix совместимые ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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