100vh不占整个屏幕

Question

我想创建一个滚动页面,就像每个部分都是从屏幕全高.

但是当我使用100vh时,它不需要整个屏幕高度,但更像是95%.

这是链接:http://i283951.iris.fhict.nl/stack/例如.

和屏幕:http://postimg.org/image/rc9g3sykh/

PS:第一节显示100vh罚款,接下来的部分是问题.

Answer 1

将以下代码添加到CSS中应该修复它:

html,body{
margin:0;
}

这是由默认边距引起的,8px因此使用CSS重新定义它将纠正它.

保证金图示:

#Orange{
  height:100vh;
  width:100vw;
  background:orange;
}
body{
  margin:0;
  padding:0;
}

<div id="Orange"></div>

没有margin:0调整:

#Orange{
  height:100vh;
  width:100vw;
  background:orange;
}
body{
  padding:0;
}

<div id="Orange"></div>

编辑

添加此代码应调整容器的边距.

.container-fluid{
    margin-top: 0;
    margin-bottom: 0;
}