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

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

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

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

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

Сodewars - любителям кодить посвящается

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

Как известно, у рядового программиста жизнь трудна и неказиста. Жаловаться не на что, конечно, только вот коммерческие задачи не блещут оригинальностью, ...

Читать

Drupal: шаблоны для taxonomy_term и view mode — как добавить?

Июль 19, 2025 г.

При работе с таксономией в Drupal нередко возникает потребность отображать термины по-разному в зависимости от контекста. Например, один и тот же термин в режиме teaser должен выводиться компактно, а в режиме full — с подробным описанием. Если вы используете ...

Читать

Ведьмак 3 - как убивать призраков

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

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

Читать

Конструктор сайтов jimdo.com

Март 27, 2013 г.

Забавно, что показала мне этот конструктор заведующая дет. сада, куда у меня ходит ребенок. Думаю, это факт уже позволяет оценить его доступность и простоту использования. Казалось бы, сколько этих конструкторов существует и сколько ещё сделают, но ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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