Вопрос по html5 – Как используется мета-тег viewport и для чего он нужен?

25
  1. What browsers support this meta tag?
  2. How do i use it?
  3. Does this mean it will solve all my mobile resizing problems?

Если бы кто-нибудь мог ответить на это, это было бы очень полезно для обучения новичков

<meta="viewport">

Ваш Ответ

4   ответа
6

Еще одна статья о метапортпорте, его различных свойствах и о том, как использовать его в ваших проектахhttp://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

Есть такжеslidedeck объясняя вещи в деталях иGithub репо пойти с этим.

Disclaimer: I'm the author of these resources.

3

Вы можете просмотреть все детали из блога Mozilla

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

0

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

21
  1. The viewport browser support is a little bit across the board. I'll point you to the Quirksmode page for viewport browser support for the full details.
  2. You use the viewport meta tag like any other meta tag. Put the code block straight up in the <head>.
  3. Pretty much, but again, a little bit of a mouthful to say here. I'd advise reading some articles, reading the W3 mobile best practices for web design, or the current W3 draft specifications on the viewport attribute for the <meta> tag.

Короче говоря, добавление этой строки на сайт, который должен реализовывать масштабирование области просмотра, должно решить большинство проблем. (скопировано сБыстрый совет: не забывайте метатег Viewport & quot; статья)

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Постскриптум Quirksmode также имеетдовольно замечательная статья, описывающая проблему это стоит прочитать, чтобы понять, почему это может быть полезно.

Error: User Rate Limit Exceeded Kyle Yeo
Error: User Rate Limit Exceededresponsive web designError: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Kyle Yeo

Похожие вопросы