Замечали наверное, что iPad масштабирует страницу, так, чтобы вся страница влезла на экран по ширине. Иногда границы контента определяются не так, как задумано, но есть возможность исправить ситуацию.
Управлять автомасштабированием можно, включая в html код страницы специальные мета теги.
|
|
<meta name="viewport" content="width=1024" /> <meta name="viewport" content="width=1024, user-scalable=false" /> |
Первый вариант просто задаёт размер окна страницы, который будет вписан в окно iPad. Во втором варианте, мы дополнительно запрещаем менять масштаб страницы даже пользователю.
Данная запись опубликована в 15.11.2012 14:00 и размещена в рубрике На первой полосе.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Февраль 19, 2020 г.
Шаблон для проверки состояния элемента input[type='checkbox']. Код проверяет отмечен элемент или нет.
[crayon-69e2b275dc70f098517838/]
Проверка выполняется с помощью метода is(), который читает в данном случае не атрибуты тега input, а именно ...
Читать
Январь 10, 2025 г.
Android Studio пере-изобретает способ фильтрации сообщений в logcat в очередной раз. Теперь это инструкции, которые задаются сродни ключам командной строки. ...
Читать
Апрель 7, 2023 г.
Пока сидел без работы, я увлекся решением задач на leetcode.
За некоторые виды активности они начисляют leetcoins, которые можно потратить там же на ...
Читать
Июль 4, 2019 г.
В админке woocommerce вы можете выбрать валюту и где её отображать - до или после цены. Но сам символ можно поменять только через PHP.
Для замены обозначения валюты плагин предусматривает использование специального фильтра - woocommerce_currency_symbol. ...
Читать
Если бы статью нашел вчера.. а то сутки промучался — не могу понять, почему вдруг ни с того, ни с сяго сайт перестал корректно отображаться в айпаде )) Хотя остальные сайты при аналогичной верстке отображаются корректно. Спасибо, очень полезно!
html { -webkit-text-size-adjust: none; }
и никаких проблем при поворотах ipad