如何在不滚动的情况下使网页完全符合屏幕尺寸？

Question

我是css的新手，我发现在设置我的网页时恰好适合屏幕大小有些困难，但它不适合并且会出现滚动条。我已经尝试了所有提到的方法here但它们都没有用。我的网页看起来或多或少像this。我用的时候

html{
height: 100vh;
}

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

滚动条没有发生，但内容低于屏幕并且不可见

Answer 1

html {}
body {
    height: 95vh;
}

vh代表View Height，因此97vh是View / Browser的高度的97％。

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

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

Answer 2

如果要完全禁用滚动，则可以仅使用此

替换样式

html {
    overflow: hidden;
}

Answer 3

高度：100vh不是全屏显示的好主意。

尝试min-height: 100%

Answer 4

你几乎就在那里。同时定位html和body，并将width和height设置为100%。

＆＃13;

＆＃13;

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}
body {
  background: red;
}

＆＃13;

＆＃13;

＆＃13;