Замечали наверное, что iPad масштабирует страницу, так, чтобы вся страница влезла на экран по ширине. Иногда границы контента определяются не так, как задумано, но есть возможность исправить ситуацию.
Управлять автомасштабированием можно, включая в html код страницы специальные мета теги.
|
|
<meta name="viewport" content="width=1024" /> <meta name="viewport" content="width=1024, user-scalable=false" /> |
Первый вариант просто задаёт размер окна страницы, который будет вписан в окно iPad. Во втором варианте, мы дополнительно запрещаем менять масштаб страницы даже пользователю.
Данная запись опубликована в 15.11.2012 14:00 и размещена в рубрике На первой полосе.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Апрель 1, 2023 г.
Неудобно, что прямо в редакторе нельзя задать нужные атрибуты, приходится искать либо в коде, чтобы подсмотреть как это реализовано, или на форумах.
Нужно было создать элементы формы с атрибутом placeholder.
Оказалось, что wpcf7 понимает следующую ...
Читать
Июнь 4, 2010 г.
В далекой, далекой галактике ogame... всё без особых изменений. Бессмысленная кровопролитная война продолжается.
Не удавалось разобраться как же организовать ...
Читать
Октябрь 22, 2011 г.
Google оценив, видимо, коммерческий потенциал социальных сетей, в этом году явил миру собственную социалку. А я не мог пройти мимо, чтобы не поглядеть ...
Читать
Сентябрь 17, 2023 г.
Часто используют drush как компонент установленного drupal проекта, вызывая drush как ./vendor/bin/drush.
Небольшой гайд для глобальной установки drush, чтобы тот был доступен для всех проектов отовсюду.
Для начала нам потребуются git и composer, ...
Читать
Если бы статью нашел вчера.. а то сутки промучался — не могу понять, почему вдруг ни с того, ни с сяго сайт перестал корректно отображаться в айпаде )) Хотя остальные сайты при аналогичной верстке отображаются корректно. Спасибо, очень полезно!
html { -webkit-text-size-adjust: none; }
и никаких проблем при поворотах ipad