Zynga ViewporterWEB 移动视窗控件
Viewporter 是 Zynga 的一个开源 JavaScript 项目，旨在简化移动视口的管理。它特别简化了设置正确的屏幕尺寸的部分，并减轻了手动处理 viewport 标记的麻烦。
它有什么作用？
当放入页面标题并运行移动设备时，Viewporter 将首先尝试滚动掉所有 URL 或调试栏以最大化可见窗口，然后从窗口中减去剩余的 chrome / UI 高度，从而有效地移除难看的滚动条一路上。它还会跟踪方向变化，因此，您将始终获得最佳的观看体验。
如何使用？
在v1中，您要做的就是将 Viewporter 放入页面的顶部。在 v2 中，还有更多要做的事情，但这并不痛苦：
将以下 Viewport 添加到页面的中：
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0" />
用 viewporter 包装器 div 包装元素：
<body>
<div id="viewporter">
...
</div>
</body>
评论