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

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

<meta="viewport">
4

4 回答 4

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

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

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

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

于 2012-06-05T06:33:04.843 回答
6

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

还有一个幻灯片可以详细解释事情,还有一个Github repo来配合它。

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

于 2012-06-12T22:41:57.443 回答
4

您可以从 Mozilla 博客查看所有详细信息

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag

于 2012-06-05T06:38:23.927 回答
0

元视口标签用于根据查看屏幕的大小调整网站的大小和可见性。它可以帮助网页自动适应安卓、平板电脑或 iPhone。

于 2016-12-10T09:51:26.120 回答