当使用带有修改后的固定导航栏和113px的身体填充顶部的bootstrap时,我注意到我的下一个jmbotron片段覆盖了宽度,这对我来说很完美,但我下面有空的空间。我想让它覆盖剩余空间的100%高度,并根据您正在查看的设备做出响应。可以这样做吗?
到目前为止,我最接近的是100vh,但这似乎填补了空间,并没有考虑到身体填充顶部113px所以当你向下滚动时它会继续显示为113px。
答案 0 :(得分:0)
在没有看到代码或至少看到屏幕截图的情况下,我无法准确回答您的问题。我认为你需要增加113px到你的身高。
这可以通过使用calc来完成,但如果你以正确的方式做到这一点,你就不应该这样做。
height: calc(100% + 113px);
完整代码
html, body {
/* Make the body to be as tall as browser window */
height: 100%;
}
.jumbotron {
height: calc(100% + 113px);
}