如何使用中继检视区标记,以及它有什么作用?(How is the meta viewport tag

2019-06-25 04:44发布

  1. 什么浏览器都支持这个元标记?
  2. 我如何使用它?
  3. 这是否意味着它会解决所有我的移动调整大小的问题?

如果任何人都可以回答这个问题这将是新手有很大的帮助学习

<meta="viewport">

Answer 1:

  1. 该视浏览器支持全线一点点。 我会指出你的怪异模式页视浏览器支持的全部细节。
  2. 您可以使用像任何其他meta标签视口元标记。 把代码块直线上升在<head>
  3. 差不多,但同样,拗口的一点点在这里说。 我建议阅读一些文章 , 阅读网页设计的W3移动的最佳做法 ,或在为视属性的当前规格W3草案<meta>标记 。

总之,加入这行来了一个网站,应该实现视比例应该可以解决大部分问题。 (从复制的WebDesignTuts +‘小提示:不要忘记视口元标记’一文 )

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

PS怪异模式也有相当精彩的文章描述了这个问题是值得阅读理解为什么这可能是有益的。



Answer 2:

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

还有一个slidedeck详细解释和东西Github上回购去用它。

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



Answer 3:

您可以查看Mozilla的博客的所有细节

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



Answer 4:

中继检视区标记,用于根据观看屏幕的大小来调整网站的大小和可视性。 它有助于网页中的Android,平板电脑或iphone自动适应。



文章来源: How is the meta viewport tag used, and what does it do?