Замечали наверное, что iPad масштабирует страницу, так, чтобы вся страница влезла на экран по ширине. Иногда границы контента определяются не так, как задумано, но есть возможность исправить ситуацию.
Управлять автомасштабированием можно, включая в html код страницы специальные мета теги.
|
|
<meta name="viewport" content="width=1024" /> <meta name="viewport" content="width=1024, user-scalable=false" /> |
Первый вариант просто задаёт размер окна страницы, который будет вписан в окно iPad. Во втором варианте, мы дополнительно запрещаем менять масштаб страницы даже пользователю.
Данная запись опубликована в 15.11.2012 14:00 и размещена в рубрике На первой полосе.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Февраль 24, 2017 г.
Открытый средневековый мир начала 15-го века, внимание к деталям, уникальная адаптация модели средневекового фехтования для большего погружения в игру... ...
Читать
Март 7, 2016 г.
Пока не вышло следующей версии Denwer, решаем задачу перехода с Apachе 2.2 на Apache 2.4. Проблема миграции в том, что конфигурации окажутся не совместимыми ...
Читать
Октябрь 28, 2015 г.
Распространение сотовой связи сделало уместным идентификацию пользователя по номеру телефона. Этот номер стал на ряду с логином и адресом электронной почты ...
Читать
Январь 29, 2016 г.
Если вы занимаетесь оптимизацией сайтов, то работаете с настройкой мета-описаний ключевых страниц. В Drupal вам с этой работой поможет модуль - metatag. ...
Читать
Если бы статью нашел вчера.. а то сутки промучался — не могу понять, почему вдруг ни с того, ни с сяго сайт перестал корректно отображаться в айпаде )) Хотя остальные сайты при аналогичной верстке отображаются корректно. Спасибо, очень полезно!
html { -webkit-text-size-adjust: none; }
и никаких проблем при поворотах ipad