设置CSS margin-top，以便内容在滚动前不会出现在任何设备的屏幕上？

Question

也许这是一个noob问题，但我无法找到任何适当的解决方案。

我有一个单页的网站，有两个div。可以说div1和div2。我想在页面加载时显示第一个div1，但div2将在div1下面。用户只能看到滚动，但不能出现在视口上。

我可以管理它给边际，但它没有响应。在我的设备上它确定，但在其他设备div2出现在视口下的div1。

如何解决呢？

Answer 1

我认为你正在寻找viewport height单位。将height: 100vh;分配给div1，它将具有视口浏览器的高度，因此div2将始终不在视口中。 Here你有更多关于css单元的信息。和here的浏览器支持。