Html 平板电脑上的视口高度/宽度

在我的整个web应用程序（使用Meteor.js构建）中，我在HTML中为各种元素使用了视口高度（vh）和视口宽度（vw）单位。我的

body

元素上也隐藏了溢出，因为我的许多绝对位置元素部分脱离了页面

在桌面浏览器上，它工作良好-视口单位工作，溢出隐藏在主体上工作。然而，当我开始使用iPad视图时，我会有非常奇怪的行为，如下图所示：

我开始在主体上看到一个卷轴，其中的内容只占主体的95%，主体底部如下图所示

在我的HTML标题中，我把

放在了下面。我的主体元素css如下所示：

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

当我添加例如

html{overflow:hidden；}

时，我得到了更奇怪的行为，其中一些绝对位置的元素部分离开页面，甚至不会呈现。同样，这种行为仅在平板电脑视图上出现

有人知道为什么会这样吗

---

谢谢。

我不建议在多种设备类型中使用

vw

和

vh

进行相同的演示。他们只是没有在任何时候都像预期的那样工作。对于整个文档，您应该坚持使用带有基本字体大小比的

em

或

rem

单位。@Sqnkov我知道这一点，谢谢，但鉴于我使用了视口尺寸，您是否碰巧知道一个可能的解决方案？谢谢