Как используется тег meta viewport и что он делает?
- какие браузеры поддерживают этот мета-тег?
- Как я могу его использовать?
- означает ли это, что он решит все мои проблемы с мобильным изменением размера?
Если бы кто-нибудь мог ответить на этот вопрос, это было бы большим подспорьем для новичков в обучении
<meta="viewport">
4 ответов:
Короче говоря, добавление этой строки на веб-сайт, который должен реализовать масштабирование видового экрана, должно решить большинство проблем. (скопировано из статьи WebDesignTuts+'S "Quick Tip: Don't Forget the Viewport Meta Tag" )
- поддержка браузера viewport немного шире. Я укажу вам на страницуQuirksmode для поддержки браузера viewport для получения полной информации.
- вы используете мета-тег viewport, как и любой другой мета-тег. Поместите блок кода прямо в
<head>.- в значительной степени, но опять же, немного рот, чтобы сказать здесь. Я бы посоветовал прочитать несколько статей, чтение W3 mobile best practices for web design , или текущий проект W3 спецификации атрибута viewport для тега
<meta>.<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
P.S. Quirksmode также имеет довольно замечательную статью, описывающую проблему, которую стоит прочитать, чтобы понять, почему это может быть полезно.
Еще одна статья о meta viewport, его различных свойствах и о том, как использовать его в своих проектах, - это http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
Есть также slidedeck, объясняющий все подробно, и GitHub repo, чтобы пойти с ним.
отказ от ответственности: я являюсь автором этих ресурсов.
Тег Meta viewport используется для настройки размера и видимости веб-сайта в соответствии с размером экрана просмотра. Это помогает веб-странице автоматически вписываться в android, планшет или iphone.
Comments