Как используется тег 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

https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

Ответ 4

Тег Meta viewport используется для настройки размера и видимости веб-сайта в зависимости от размера экрана просмотра. Это помогает веб-странице автоматически встраиваться в Android, планшет или iphone.