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

Question

我正在尝试让我的网络应用占据设备的全部高度。

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

谢谢。

Answer 1

大多数浏览器都带有 default margin on the body element .通常为 8px。

body { margin: 8px; }

当 body 元素设置为 100% 高度时，这通常会启动垂直滚动条。要删除溢出，只需覆盖默认值:

body { margin: 0; }