视差定位问题 Bootstrap 4

Question

我正在学习如何做 Parallax 和 Bootstrap 4，我遇到了这个网站结果的问题：Sample Website

在他的网站上，主页在所有平台上都是一样大小的，笔记本|桌面 |手机等。 我试图获得相同的结果，但我在实现它时遇到了很多问题。我不知道它的正确名称，这就是我问 Overflow 的原因，因为如果我不知道它的正确名称或描述方式，我如何获得相对搜索结果？请帮助并且不要因为可能很简单的问题而讨厌我，我对此还是陌生的。谢谢！

Answer 1

在最上面的包含 div 的部分中，您可以将高度设置为

.exampleContainer{
    height:100vh;
}

vh 代表 'viewport height' 如果你想要宽度，你可以使用 100vw 作为 'viewport width' 而不是 100%

您可能需要考虑导航栏的高度，以便您的 css 看起来像这样...

.exampleNavbar{
    height: 5rem;
}

.exampleContainer{
    height: calc(100vh - 5rem);
}