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

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

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

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

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

Прощай, geniusloci!

Июль 4, 2021 г.

Ранее законсервированный проект подошел к своей финальной черте. И теперь полностью закрыт. Примерно 4 года назад из за недостатка финансирования пришлось ограничить регистрацию на сайте и практически законсервировать проект. Часть участников ...

Читать

Создание оружия в подробностях (Skyrim - TES 5)

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

Т.к люди интересуются, а в прошлой статье я не сильно вдавался в подробности, то здесь я очень подробно расскажу как шаг за шагом создать наиболее эффективное ...

Читать

Миграция конфигурации Denwer с Apache 2.2 на Apache 2.4

Март 7, 2016 г.

Пока не вышло следующей версии Denwer, решаем задачу перехода с Apachе 2.2 на Apache 2.4. Проблема миграции в том, что конфигурации окажутся не совместимыми ...

Читать

Вариант filemtime для работы с URL

Январь 1, 2018 г.

Может пригодиться, к примеру, для задач кеширования. Мы запросим с сервера только заголовки файла и извлечем из них значение last-modified. Почти готовый вариант я нашел в сети, чуть-чуть изменил для своих задач. Принцип описан ваше. На входе ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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