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

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

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

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

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

Налоговая декларация за 2016

Март 6, 2017 г.

В этот раз что то не спешу сдать налоговую декларацию. Время ещё есть (ИП может сдавать до 30 апреля), а сами налоги я уже перечислил. По сложившейся ...

Читать

«Контактый потенциал»

Февраль 14, 2010 г.

Когда-то очень давно (лет 20 назад), моё знакомство с компьютером началось с компьютерных игр. Сейчас столько времени нет, чтобы во что то серьёзно поиграть, да и игры, наверное, уже не те пошли. Но желание посмотреть - а что же там дальше в какой нибудь ...

Читать

Импортируем изображения через wysiwyg

Декабрь 27, 2014 г.

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

Читать

Чистим Windows 7, освобождаем место на дисках штатными средствами

Ноябрь 3, 2015 г.

Однажды Windows начинает вам намекать, что настало время генеральной уборки. Обычно, это сообщение о том, что на одном из дисков (почти всегда на том диске, ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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