如何使用元视口标记,它的作用是什么?

Kyl*_*Yeo 25 html5 viewport meta-tags

  1. 哪些浏览器支持此元标记?
  2. 我该如何使用它?
  3. 这是否意味着它将解决我所有的移动调整大小问题?

如果有人能回答这个问题,对新手的学习有很大的帮助

<meta="viewport">
Run Code Online (Sandbox Code Playgroud)

Nig*_*cat 21

  1. 视口浏览器支持有点全面.我将为您提供有关视口浏览器支持Quirksmode页面的完整详细信息.
  2. 您可以像使用任何其他元标记一样使用视口元标记.将代码块直接放入<head>.
  3. 差不多,但再说一遍,在这里说一点点.我建议阅读一些文章,阅读网页设计的W3移动最佳实践,或者关于<meta>标签的视口属性的当前W3草案规范.

简而言之,将此行添加到应实现视口缩放的网站应该可以解决大多数问题.(从WebDesignTuts +的"快速提示:不要忘记视口元标记"文章复制)

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Run Code Online (Sandbox Code Playgroud)

PS Quirksmode也有一篇相当精彩的文章描述了值得阅读的问题,以了解为什么这可能会有所帮助.


小智 6

另一篇关于元视口,它的各种属性以及如何在你的设计中使用它的文章是http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

还有一个幻灯片详细解释了一些东西,还有一个Github回购.

免责声明:我是这些资源的作者.