Замечали наверное, что iPad масштабирует страницу, так, чтобы вся страница влезла на экран по ширине. Иногда границы контента определяются не так, как задумано, но есть возможность исправить ситуацию.
Управлять автомасштабированием можно, включая в html код страницы специальные мета теги.
|
|
<meta name="viewport" content="width=1024" /> <meta name="viewport" content="width=1024, user-scalable=false" /> |
Первый вариант просто задаёт размер окна страницы, который будет вписан в окно iPad. Во втором варианте, мы дополнительно запрещаем менять масштаб страницы даже пользователю.
Данная запись опубликована в 15.11.2012 14:00 и размещена в рубрике На первой полосе.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Июль 24, 2018 г.
Особенно на этапе верстки макетов у разработчика возникает необходимость очень часто обновлять стили, проверять результат и снова вносить какие то правки. ...
Читать
Апрель 26, 2011 г.
Получив бесценный опыт сдачи экзамена, спешу им поделиться. Отметьте для себя особенности сдачи по регламенту, вступившему в силу с 01.02.2013. Есть некоторые детали при сдаче, которые отличаются от моего опыта в 2011, но суть, в целом, не меняется.
...
Читать
Декабрь 9, 2011 г.
Бизнес клуб кадет (cadet-club.ru) - ещё один предновогодний проект, который мы оперативно забацали со Станиславом. Радует то, что проектом сразу занялся ...
Читать
Май 14, 2019 г.
Изучение API удобно начинать с шаблонов кода, которые демонстрируют технику использования.
Пример логики использования/создания элемента кеша
[crayon-69dbe5a1b008e829575060/]
Обратите внимание на дополнительные скобки вокруг $cache = cache_get($cache_id). ...
Читать
Если бы статью нашел вчера.. а то сутки промучался — не могу понять, почему вдруг ни с того, ни с сяго сайт перестал корректно отображаться в айпаде )) Хотя остальные сайты при аналогичной верстке отображаются корректно. Спасибо, очень полезно!
html { -webkit-text-size-adjust: none; }
и никаких проблем при поворотах ipad