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

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

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

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

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

Осада замка - геймплей ролик Bannerlord

Июнь 14, 2016 г.

По всей видимости, разработка игры Mount&blade II Bannerlord близится к финалу, и TaleWorlds Entertainment представила на E3 геймплей ролик осады форта. ...

Читать

Эксперимент № 6. Вес заголовка.

Август 2, 2015 г.

Напоминаю, мы продолжаем наши эксперименты. Мы воспользуемся утяжелением термина за счет использования его в теге H2. Тут я задумался... :) Полиуретановая астролябия в навигации 21 века Роль их очевидна и не будет никогда переоценена. Сложно вообще ...

Читать

Rossi

Март 5, 2014 г.

Стасу удалось найти нового владельца для нашего проекта luxe-man.ru, т.к. сам он давно не занимается продажей модной одежды.  Мы обновили немного внешний ...

Читать

Portal 2

Май 5, 2011 г.

Весьма любопытное творение от студии Valve (да, те самые с логотипом, где у дядьки вентиль на затылке). Видимо настал тот момент, когда студия зарабатывает больше своим именем, чем своими проектами. Парни могут расслабиться и делать что то интересное ...

Читать
 

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

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



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

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

  1. Дмитрий:

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

  2. alexpac:

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

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