视差定位问题Bootstrap 4

内尔多

我正在学习如何制作Parallax和Bootstrap 4,但在遇到此网站的结果时遇到问题:示例网站

在他的网站上,所有平台上的首页大小均相同,台式机| 移动等。我试图获得相同的结果,但是在实现该目标方面存在很多问题。我不知道它的专有名称,这就是为什么我要询问Overflow,因为如果我不知道它的正确名称或描述方式,我如何获得相对搜索结果?请帮忙,不要因为可能的简单问题而讨厌我,我对此还是陌生的。谢谢!

丘比特

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

.exampleContainer{
    height:100vh;
}

vh代表“视口高度”,如果您想表示宽度,则可以使用100vw表示“视口宽度”,而不是100%

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

.exampleNavbar{
    height: 5rem;
}

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章