- Какие браузеры поддерживают этот метатег?
- Как его использовать?
- Означает ли это, что он решит все проблемы с мобильным изменением размера?
Если бы кто-нибудь мог ответить на это, это было бы большой помощью для обучения новичков.
<meta="viewport">
Как используется тег meta viewport и что он делает?
Ответ 1
- Поддержка браузера в окне просмотра немного по всей доске. Я расскажу вам о странице Quirksmode для поддержки браузера в браузере для получения полной информации.
- Вы используете метатег viewport как любой другой метатег. Поместите блок кода прямо в
<head>. - Довольно много, но опять же, немного глоток, чтобы сказать здесь. Я бы посоветовал читать некоторые статьи, чтение лучших мобильных решений W3 для веб-сайтов дизайн или текущие спецификации проекта W3 для атрибута viewport для тега
<meta>.
Короче говоря, добавление этой строки на веб-сайт, на котором должно выполняться масштабирование видового экрана, должно устранить большинство проблем. (скопировано из WebDesignTuts + "Быстрый совет: не забудьте метатег просмотра в вики" )
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">P.S. Quirksmode также имеет довольно замечательную статью, описывающую проблему, которая стоит прочитать, чтобы понять, почему это может быть полезно.
Ответ 2
Еще одна статья о мета-видовом экране, его различных свойствах и способах его использования в ваших проектах - http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
Там также slidedeck, подробно объясняя вещи и Github repo пойти с ним.
Отказ от ответственности: я являюсь автором этих ресурсов.
Ответ 3
Вы можете просмотреть все детали из блога mozilla
Ответ 4
Тег Meta viewport используется для настройки размера и видимости веб-сайта в зависимости от размера экрана просмотра. Это помогает веб-странице автоматически встраиваться в Android, планшет или iphone.