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

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

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

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

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

УралАвтоЛайнер

Февраль 12, 2011 г.

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

Читать

День Независимости 2 (Возрождение)

Июнь 24, 2016 г.

Проходит 20 лет, и враждебная иноземная раса вновь обивает пороги нашей звездной системы... Для чего .... ? Я думаю, не просто снять фильм-продолжение ...

Читать

Загрузить данные параграфов для связанного с ними entity

Июль 8, 2023 г.

Пример кода для загрузки параграфов. В данном примере будем загружать параграфы, связанные с entity commerce_product_variation (это сущность модуля Commerce). Я привязал информацию по остаткам складов к вариациям в виде параграфов (тип - stocks). ...

Читать

Далматово

Октябрь 4, 2015 г.

Сайт каталог продукции кондитерского объединения Далматово. Примером для подражания, скорее всего по инициативе заказчика, был сайт multon.ru. Моей задачей ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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