如何在不滚动的情况下使网页完全适合屏幕大小？

Question

我是 css 的新手，我发现在设置我的网页以完全适合屏幕尺寸时遇到一些困难，但它不适合并且出现滚动条。我已经尝试了 这里 提到的所有方法，但没有一个有效。我的网页看起来或多或少像 这样。当我用

html{
height: 100vh;
}

body{
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    font-family: gothambook;
    position: fixed;
    top: 0;
    bottom: 0;
    }

滚动条没有出现，但内容在屏幕下方并且不可见

原文由 Naveen Kumar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

html {}
body {
    height: 95vh;
}

vh 代表视图高度，因此 97vh 是视图/浏览器高度的 97%。

https://css-tricks.com/fun-viewport-units/

出于某种原因 100vh 使它滚动一点。

原文由 Gene 发布，翻译遵循 CC BY-SA 3.0 许可协议