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

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

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

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

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

Система по приему заявок на участие в квестах

Май 19, 2019 г.

Не хотел повторять название уже существующей на сайте статьи, получилось как то сложно :). "Бронирование квестов" пережило дополнительный толчок в развитии, ...

Читать

Подстановка токенов в коде Drupal 9

Август 1, 2021 г.

Ядро и модули объявляют множество токенов подстановки. Рассмотрим как получить доступ к глобальному объекту типа \Drupal\Core\Utility\Token и выполнить подстановку в строке. Ядро предоставляет экземпляр объекта через следующий запрос: [crayon-68f358611ce79359645278/] ...

Читать

Golden Park

Ноябрь 18, 2013 г.

Закончен ещё один корпоративный проект в рамках студии ЭВЕ - сайт ювелирного супермаркета в Екатеринбурге. Наполнение осталось за заказчиком, так что смотреть ...

Читать

Гений v2.005b

Август 4, 2014 г.

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

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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