Question

我正在为此网络执行一项大学任务，但页眉和页脚却遇到问题。页眉在台式机和移动设备上都可以正常工作，但是当您在智能手机中选择“桌面视图”时，它就消失了，当我使用“ section”标签时，这种情况不会发生，但这种方式看起来并不好：

关于页脚，我如何使其全角？我尝试将width：100％放到div上，并使用容器流体包装它，但是没有任何工作。

我在这里留下我的代码：My Site

此外，如何选择每个视图中显示的图像部分？页眉显示图像的底部而不是移动视图中的计算机屏幕，分隔图像也是如此。预先感谢。

我编辑帖子，并在标题中放置我的代码：

      <header class="py-5 bg-image-full" style="background-image: url('https://www.larutadelsorigens.cat/wallpic/full/101-1013718_web-development-mac.jpg');">
    <img class="img-fluid d-block mx-auto rounded-circle" src=".\images\logo.png" style="width: 15%" alt="">
  </header>

这是我的页脚

    <footer class="py-5 bg-dark">
      <div class="container-fluid">
        <p class="m-0 text-center text-white">Copyright © WEBNEED 2019. MIT License.</p>
      </div>

CSS

html{
    scroll-behavior: smooth;
}

body {
  padding-top: 56px;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.custom-control-input:checked~.custom-control-label::before {
    color: white !important;
    background-color: green !important;
}

页眉消失，页脚没有全宽

0 个答案: