将页面高度设置为手机上的可用空间

Question

我正在努力让我的网络应用程序占据设备的全部高度。

我在body标签上使用100vh这样做，但iOS上的Safari选项卡会自行填充一些高度，因此用户必须向下滚动才能看到整个页面。有没有解决方法？

感谢。

Answer 1

大多数浏览器都附带default margin on the body element。它通常是8px。

body { margin: 8px; }

当body元素设置为100％高度时，通常会启动垂直滚动条。要删除溢出，只需使用以下命令覆盖默认值：

body { margin: 0; }