我想创建一个单滚动页面，就像每个部分都离屏幕全高。
但是，当我使用100vh时，它并不会占据整个屏幕的高度，而是更像是95％。
这是链接：例如http://i283951.iris.fhict.nl/stack/。
屏幕：http : //postimg.org/image/rc9g3sykh/
PS：第一部分显示100vh很好，下一部分是问题。
在您的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;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句