Замечали наверное, что iPad масштабирует страницу, так, чтобы вся страница влезла на экран по ширине. Иногда границы контента определяются не так, как задумано, но есть возможность исправить ситуацию.
Управлять автомасштабированием можно, включая в html код страницы специальные мета теги.
|
|
<meta name="viewport" content="width=1024" /> <meta name="viewport" content="width=1024, user-scalable=false" /> |
Первый вариант просто задаёт размер окна страницы, который будет вписан в окно iPad. Во втором варианте, мы дополнительно запрещаем менять масштаб страницы даже пользователю.
Данная запись опубликована в 15.11.2012 14:00 и размещена в рубрике На первой полосе.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Июнь 22, 2013 г.
Примерно через год, после того как я приобрел 3G модем у МТС, снова возникла необходимость в мобильном интернете.
На этот раз за отсутствие связи отвечает управляющая компания "Верх-Исетская", которая по всей видимости вымогает деньги у провайдеров и ...
Читать
Август 16, 2023 г.
Многие стандартные шаблоны в Drupal содержат вывод переменной пользователя (user), что делает возможным реализацию различной логики, в том числе и проверку роли пользователя.
Например, вы желаете показывать какой-то элемент шаблона, только для ...
Читать
Июль 8, 2023 г.
Пример кода для загрузки параграфов.
В данном примере будем загружать параграфы, связанные с entity commerce_product_variation (это сущность модуля Commerce).
Я привязал информацию по остаткам складов к вариациям в виде параграфов (тип - stocks). ...
Читать
Июль 17, 2025 г.
Если вы хотите отобразить рубрики (категории) и теги поста в шаблоне single.php - т.е. шаблоне одиночной статьи, WordPress предоставляет удобные функции из API-шаблонов. В этой статье разберем, как их использовать правильно и оформить вывод.
Зачем ...
Читать
Если бы статью нашел вчера.. а то сутки промучался — не могу понять, почему вдруг ни с того, ни с сяго сайт перестал корректно отображаться в айпаде )) Хотя остальные сайты при аналогичной верстке отображаются корректно. Спасибо, очень полезно!
html { -webkit-text-size-adjust: none; }
и никаких проблем при поворотах ipad