哪些浏览器支持此元标记？我该如何使用它？这是否意味着它将解决我所有的移动调整大小问题？如果有人能回答这个问题，那将对新手学习有很大帮助 <meta="viewport"> 原文由 Kyle Yeo 发布，翻译遵循 CC BY-SA 4.0 许可协议

另一篇关于元视口、它的各种属性以及如何在您的设计中使用它的文章是 http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/ 还有一个详细解释事情的幻灯片和一个 Github 存储库。免责声明：我是这些资源的作者。原文由 andreasbovens 发布，翻译遵循 CC BY-SA 3.0 许可协议

如何使用 meta viewport 标签，它有什么作用？

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

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

<meta="viewport">

原文由 Kyle Yeo 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 286

<meta> 标签的 name="viewport" 属性在主要浏览器上得到很好的支持。
您可以像在 <meta> 元素中包含任何其他属性一样。将元素直接放在 <head> 中。
这取决于您提供的是哪个 content 属性值。此标记指示浏览器对网页上的缩放值使用一些默认值，以确保您最终不会在小型设备上最初只显示页面右上角的一小部分。我建议阅读一些关于它的文章，或者，更好的是，阅读移动网页设计的 W3 移动最佳实践。通常，您只想设置 content="width=device-width, initial-scale=1.0 使您的网页适合设备，而不管比例或方向如何。如果您选择使用 maximum-scale 和 user-scalable 属性，我建议您小心，因为它们可能导致用户无法放大您的页面。（然而，这些属性在开发全屏应用程序或其他不希望应用缩放的交互式应用程序时很有用）

简而言之，将此行添加到应该实施视口缩放的网站应该可以解决大多数问题。

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

PS Quirksmode 有一篇很棒的文章，描述了与页面大小相关的视口大小问题，值得一读以了解为什么此标签可能有用。

原文由 Nightfirecat 发布，翻译遵循 CC BY-SA 4.0 许可协议

如何使用 meta viewport 标签，它有什么作用？

你尚未登录，登录后可以

问一个鼠标滚动事件，这种是怎么实现的？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

threejs用octree实现房间内第三人称漫游并且添加了碰撞，人物在碰撞到墙壁的时候不停的弹回，应该怎么修改才能不会疯狂的弹回？

Vue为什么说textarea标签不支持插值表达式的？

为什么下面的代码内部的 div 其 100% 高度可以跳过上层元素?

单页应用网站缓存不是由于index.html文件被缓存导致的吗？

election嵌套了一个web项目通信为什么会中断?

Stack Overflow 翻译