视差定位问题Bootstrap 4

Question

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

在他的网站上，所有平台上的主页都是相同尺寸的笔记本电脑桌面|手机等 我试图得到相同的结果，但我在实现它时遇到很多问题。我不知道它的正确名称，这就是我要问Overflow的原因，因为如果我不知道它被正确调用了什么或如何描述它，我怎样才能获得相对搜索结果？请帮忙，不要讨厌我可能很容易的问题，我还是新手。谢谢！

Answer 1

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

.exampleContainer{
    height:100vh;
}

vh代表'viewport height' 如果你想宽度你可以使用100vw'视口宽度'而不是100％

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

.exampleNavbar{
    height: 5rem;
}

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