问标题栏英雄可根据浏览器大小缩放全高
EN

Stack Overflow用户

提问于 2013-07-09 19:26:44

回答 1查看 123关注 0票数 0

使用bootstrap如何让页面背景填充视口，然后当滚动条向下移动时页面的其他部分可以查看？

我想要复制的一个例子是这里的http://ideaware.co/，其中的主要标题栏部分有天空背景，这充满了浏览器窗口，无论它实际上有多高。

当您向下滚动其他子页面以查看时，这些子页面中的一些具有自己的背景或仅设置为纯颜色。

我该怎么用bootstrap来做这件事呢？

回答已采纳

发布于 2013-07-09 20:04:40

我玩了一下这个问题，在谷歌上搜索了一下，我找到了一个解决方案。

您可以将正文设置为绝对位置，并将宽度和高度设置为100%。

然后，您可以将setcions的height属性设置为inherit。

body {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.sect{
    height: inherit;    
}

在这里查看我的小提琴实验：http://jsfiddle.net/straeger/SmFuk/1/

希望我能帮上忙。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17547046

复制

相似问题

问标题栏英雄可根据浏览器大小缩放全高EN