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

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

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

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

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

Любителям кофе посвещается

Май 7, 2013 г.

Когда то я работал в офисе. И было у нас замечательное устройство - кофе-машина. Она усердно молола кофейные зерна, замешивала с кипятком, добавляла сахар... В общем, действовала строго по заложенной программе. Что она там делала - бог её знает. Она ...

Читать

Относительные ссылки/пути в Wordpress

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

При добавлении картинки в публикацию, WP формирует html код с абсолютным путем. Т.е. мы получаем полный адрес: протокол, домен, путь на сайте и имя файла. Как сделать, чтобы WP подставлял относительные пути, т.е. опускал протокол и домен? Настраиваем ...

Читать

Добавление и обработка кастомных полей в заказе woocommerce

Сентябрь 10, 2019 г.

Плагин woocommerce - интернет-магазин для WP - и так показывает огромное число полей на форме оформления заказа (т.н. checkout), и обычно требуется убрать/спрятать ...

Читать

Настройка интеграции payler c woocommerce

Ноябрь 28, 2020 г.

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

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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