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

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

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

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

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

Конструирование визуальных компонентов в kotlin

Март 11, 2023 г.

Android studio предоставляет набор стандартных компонентов, таких как TextView, LinearLayout и пр. Но довольно часто приходится оперировать группами таких ...

Читать

Перебор изображений R.drawable

Ноябрь 21, 2022 г.

Рассмотрим как организовать перебор коллекции ресурсов в Kotlin на примере R.drawable. Типичная задача заключается в том, чтобы отфильтровать элементы коллекции по имени и вернуть список целочисленных идентификаторов, соответствующих вашим критериям. ...

Читать

Цены на недвижимость и состояние экономики

Декабрь 2, 2015 г.

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

Читать

Передача параметров при создании viewModel

Февраль 17, 2025 г.

Распространенная задача - при создании viewModel требуется передать параметры из активити или фрагмента. ViewModel используется для хранения состояния данных экрана, отвечая только за т.н. бизнес логику. Жизненный цикл этого компонента не зависит ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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