Titleblock英雄根据浏览器大小缩放全高

莫雷克

使用引导程序,如何将页面背景填充到视口中,然后随着滚动条的向下移动而进入页面的其他部分?

我要复制的示例在此处http://ideaware.co/,其中主标题栏部分具有天空背景,无论它到底有多高,它都充满了浏览器窗口。

向下滚动进入其他子页面时,其中一些子部分具有其自身的背景或仅被设置为纯色。

请问我该如何使用Bootstrap?

斯特雷格

我已经解决了这个问题,经过少量的Google搜索后,我找到了解决方案。

您可以将实体设置为绝对位置,并将宽度和高度设置为100%。

然后,您可以将要设置的setcions的height属性设置为继承。

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

.sect{
    height: inherit;    
}

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

希望我能帮到你。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

缩放身体浏览器

来自分类Dev

如何为跨浏览器支持调整视口大小和缩放比例?

来自分类Dev

如何使用全CSS显示在浏览器窗口中调整大小并流动的全尺寸图像网格

来自分类Dev

将全宽滑块缩放到浏览器底部

来自分类Dev

根据浏览器大小在div中缩放图像

来自分类Dev

根据浏览器的宽度和高度缩放画布内的图像

来自分类Dev

图片无法根据浏览器大小动态定位

来自分类Dev

PDF自适应缩放浏览器大小

来自分类Dev

浏览器的图像全宽

来自分类Dev

如何在浏览器缩放时解决不正确的元素大小?

来自分类Dev

字体大小值随浏览器缩放而缩放

来自分类Dev

调整浏览器大小后CropperJS不正确缩放画布

来自分类Dev

浏览器滚动条达到全高

来自分类Dev

CSS窗口根据浏览器高度调整大小

来自分类Dev

根据浏览器大小重复显示图像

来自分类Dev

调整浏览器窗口大小或缩放时元素将移动

来自分类Dev

将全宽滑块缩放到浏览器底部

来自分类Dev

当浏览器位于固定div上方时,如何使div全高?

来自分类Dev

基于浏览器大小的图像缩放不起作用

来自分类Dev

根据浏览器大小添加和添加内容

来自分类Dev

Jumbotron无法根据屏幕/浏览器大小进行调整

来自分类Dev

Angular 2.英雄之旅套装。浏览器实例

来自分类Dev

根据CSS中的浏览器大小更改背景颜色

来自分类Dev

如何在浏览器缩放时解决不正确的元素大小?

来自分类Dev

字体大小值随浏览器缩放而缩放

来自分类Dev

固定大小的文本(替代浏览器缩放功能)

来自分类Dev

调整浏览器大小时如何使我的盒子相应缩放

来自分类Dev

浏览器窗口垂直缩放时 CSS 调整大小失败

来自分类Dev

将浏览器缩小到 iPhone 大小时,如何让英雄文本自行调整大小?

Related 相关文章

  1. 1

    缩放身体浏览器

  2. 2

    如何为跨浏览器支持调整视口大小和缩放比例?

  3. 3

    如何使用全CSS显示在浏览器窗口中调整大小并流动的全尺寸图像网格

  4. 4

    将全宽滑块缩放到浏览器底部

  5. 5

    根据浏览器大小在div中缩放图像

  6. 6

    根据浏览器的宽度和高度缩放画布内的图像

  7. 7

    图片无法根据浏览器大小动态定位

  8. 8

    PDF自适应缩放浏览器大小

  9. 9

    浏览器的图像全宽

  10. 10

    如何在浏览器缩放时解决不正确的元素大小?

  11. 11

    字体大小值随浏览器缩放而缩放

  12. 12

    调整浏览器大小后CropperJS不正确缩放画布

  13. 13

    浏览器滚动条达到全高

  14. 14

    CSS窗口根据浏览器高度调整大小

  15. 15

    根据浏览器大小重复显示图像

  16. 16

    调整浏览器窗口大小或缩放时元素将移动

  17. 17

    将全宽滑块缩放到浏览器底部

  18. 18

    当浏览器位于固定div上方时,如何使div全高?

  19. 19

    基于浏览器大小的图像缩放不起作用

  20. 20

    根据浏览器大小添加和添加内容

  21. 21

    Jumbotron无法根据屏幕/浏览器大小进行调整

  22. 22

    Angular 2.英雄之旅套装。浏览器实例

  23. 23

    根据CSS中的浏览器大小更改背景颜色

  24. 24

    如何在浏览器缩放时解决不正确的元素大小?

  25. 25

    字体大小值随浏览器缩放而缩放

  26. 26

    固定大小的文本(替代浏览器缩放功能)

  27. 27

    调整浏览器大小时如何使我的盒子相应缩放

  28. 28

    浏览器窗口垂直缩放时 CSS 调整大小失败

  29. 29

    将浏览器缩小到 iPhone 大小时,如何让英雄文本自行调整大小?

热门标签

归档