Question

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

<meta="viewport">

Answer 1

视口浏览器支持有点全面。我会指向Quirksmode page for viewport browser support以获取完整的详细信息。
您可以像使用任何其他元标记一样使用视口元标记。将代码块直接放在<head>。
差不多，但是再一次，在这里说一点点。我建议reading some articles，reading the W3 mobile best practices for web design或the current W3 draft specifications on the viewport attribute for the <meta> tag。

简而言之，将此行添加到应实现视口缩放的网站应该可以解决大多数问题。（从WebDesignTuts+'s "Quick Tip: Don't Forget the Viewport Meta Tag" article复制）

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

P.S。 Quirksmode也有a rather wonderful article describing the issue，值得一读，以了解为什么这可能会有所帮助。

Answer 2

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

还有一个slidedeck详细解释了一些内容，还有一个Github repo。

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

Answer 3

您可以查看mozilla博客的所有详细信息

Answer 4

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