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

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

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

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

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

Drupal node, объект публикаций в друпал

Ноябрь 8, 2015 г.

Drupal - это прежде всего CMS, т.е. система управления контентом. Поэтому все в drupal так или иначе связано с главным объектом системы - с нодами (nodes). Опросы, статьи, разделы сайта, голосования и публикации в форуме - это все экземпляры объекта node, ...

Читать

Добавление своих suggestion в Drupal 9/10

Май 2, 2023 г.

Для добавления suggestions требуется использовать соответствующий группе шаблонов hook. Если название шаблона не известно, то его можно подсмотреть в режиме ...

Читать

JOIN vs UNION — в чём разница?

Июль 4, 2025 г.

Эти два оператора в SQL на первый взгляд делают похожее — они "объединяют" таблицы. Но делают это по-разному и для разных целей. Вкратце: JOIN объединяет по горизонтали (добавляются столбцы из разных таблиц), тогда как UNION объединяет по вертикали ...

Читать

Как запретить растягивание textarea

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

Тэг TextArea - незаменимое поле ввода для текста. Современные браузеры по-умолчанию позволяют пользователям изменять размеры, растягивать его за правый ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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