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

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

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

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

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

Голландские колонии

Март 1, 2014 г.

Новые Нидерланды (New Netherland), 1614—1674 гг., регион на территории восточной части побережья Северной Америки в XVII веке, который простирался по широте от 38 до 45 градусов к северу, первоначально обнаружен голландской Ост-Индской компанией с яхты ...

Читать

Снежный ком

Февраль 21, 2014 г.

Александр генерирует элементы "тех. задания", а я стараюсь оценить время и трудозатраты. В первой версии Гения-2 решили не делать шагов в сторону монетизации, рекламы и платных аккаунтов. Для всего этого нужно и время (на разработку и обкатку), ...

Читать

Пример № 2 - только в ЧПУ

Август 2, 2015 г.

Мы проводим эксперимент, и в данном примере ключ должен содержаться только в ЧПУ. Поэтому мне приходится избегать его упоминания в тексте статьи. Вообще-то, для эксперимента я прикидывал разные ключи. Это мог быть и "парафиновый пингвин", и "инфернальная ...

Читать

КНДР провели испытания термоядерного заряда

Январь 6, 2016 г.

Подземное ядерное испытание термоядерного заряда (водородной бомбы) на полигоне Пангири говорит о несомненных успехах физиков и инженеров КНДР. Все страны ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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