- 哪些浏览器支持此元标记?
- 我如何使用它?
- 这是否意味着它将解决我所有的移动调整问题?
如果有人能回答这个问题,对新手学习会有很大帮助
<meta="viewport">
<head>
.<meta>
。简而言之,将这一行添加到应该实现视口缩放的网站应该可以解决大多数问题。(复制自WebDesignTuts+ 的“快速提示:不要忘记视口元标记”文章)
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
PS Quirksmode 也有一篇相当精彩的文章描述了值得一读的问题,以了解为什么这可能会有所帮助。
关于元视口、它的各种属性以及如何在您的设计中使用它的另一篇文章是http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
还有一个幻灯片可以详细解释事情,还有一个Github repo来配合它。
免责声明:我是这些资源的作者。
您可以从 Mozilla 博客查看所有详细信息
https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
元视口标签用于根据查看屏幕的大小调整网站的大小和可见性。它可以帮助网页自动适应安卓、平板电脑或 iPhone。