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

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

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

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

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

Стоит ли брать процессор со встроенным граф ядром?

Июнь 23, 2025 г.

Короткий ответ: если у вас уже есть дискретная видеокарта — встроенное графическое ядро не обязательно, и можно сэкономить, взяв версию процессора с индексом ...

Читать

Техносистем

Ноябрь 15, 2009 г.

Когда вы не даёте рекламы, не ищете клиентов, но что то действительно умеете не плохо делать, то люди находят вас сами. Работает принцип сарафанного радио. ...

Читать

Гений места, последние обновления проекта

Октябрь 15, 2014 г.

Место слайдера на главной занял блок "активность на сайте". Блок состоит из трех лент по 6 публикаций в каждой. Это - Новые сюжеты, лидеры рейтинга ...

Читать

Установка значения атрибута HTML DOM элемента средствами js

Декабрь 17, 2018 г.

При работе с HTML документом из JavaScript одной из типовых операций является установка значения того или иного атрибута выбранного контейнера (тега). Vanila JS В чистом js (vanila) значение атрибута можно установить следующим образом: [crayon-69deaa0bc6839027770039/] ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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