Замечали наверное, что iPad масштабирует страницу, так, чтобы вся страница влезла на экран по ширине. Иногда границы контента определяются не так, как задумано, но есть возможность исправить ситуацию.
Управлять автомасштабированием можно, включая в html код страницы специальные мета теги.
|
|
<meta name="viewport" content="width=1024" /> <meta name="viewport" content="width=1024, user-scalable=false" /> |
Первый вариант просто задаёт размер окна страницы, который будет вписан в окно iPad. Во втором варианте, мы дополнительно запрещаем менять масштаб страницы даже пользователю.
Данная запись опубликована в 15.11.2012 14:00 и размещена в рубрике На первой полосе.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Март 13, 2023 г.
Мне понадобилось какое то время, чтобы понять верный подход к решению, делюсь подробным разбором этой задачи.
Ставится она так: есть набор (массив) элементов, чаще всего чисел, требуется найти следующей по порядку возрастания набор этих элементов. ...
Читать
Июль 21, 2025 г.
По умолчанию Drupal генерирует маршруты для каждого термина таксономии. Это означает, что у каждого термина появляется своя страница с URL вида /taxonomy/term/123. В некоторых случаях такие страницы могут быть полезны, например, если вы используете термины ...
Читать
Январь 17, 2013 г.
Современные средства антиспам пытаются отличить человека от робота. При этом используются разного рода captcha, различные графические пазлы и т.п. Это может работать в ряде случаев, но ситуация такова, что на войну с captcha выходят специально обученные ...
Читать
Март 14, 2014 г.
Не очень круглая дата (8 лет) для большинства людей, и на самом деле можно поспорить - считать ли эту дату днем рождения сайта.
Первая новостная запись на домашней страничке датирована 7м сентября 1999 года, т.е. проекту будет 15 лет в этом году! ...
Читать
Если бы статью нашел вчера.. а то сутки промучался — не могу понять, почему вдруг ни с того, ни с сяго сайт перестал корректно отображаться в айпаде )) Хотя остальные сайты при аналогичной верстке отображаются корректно. Спасибо, очень полезно!
html { -webkit-text-size-adjust: none; }
и никаких проблем при поворотах ipad