平板电脑奇怪行为上的视口高度/宽度

Question

对于我的整个Web应用程序（使用Meteor.js构建），我使用了HTML中各种元素的视口高度（vh）和视口宽度（vw）单位。我的body元素上也隐藏了溢出，因为我的许多绝对定位元素部分偏离了页面。

在桌面浏览器上，它工作正常 - 视口单元工作，溢出隐藏在主体上工作。但是，一旦我开始使用iPad视图，我会得到非常奇怪的行为，如下图所示：

我开始在身体上滚动，其中的内容仅占据约95％，身体底部显示在下方。

在我的HTML标题中，我放了<meta name="viewport" content="width=device-width, initial-scale=1.0">。我的身体元素css看起来像这样：

body {
    background: #000000;
    position: relative;
    overflow: hidden;
}

当我添加例如html { overflow: hidden; }我甚至得到了更奇怪的行为，即部分离开页面的一些绝对定位的元素甚至不呈现。同样，此行为仅适用于平板电脑视图。

有谁知道为什么会这样？

感谢。