Question

我对编码还很陌生，并且一直在设计带有一些链接的基本启动页面，然后我可以将其进一步发展为一个完整的多页面站点。我不明白为什么我的背景无法在半屏和全屏模式下显示整个屏幕。我也不明白我的服务条款无序列表出了什么问题（我希望它在页面底部）

li .service-link {
    color: #313131;
}

.service-nav, .service-list, .service-item {
    list-style-type: none;
    display: inline-block;
}

.terms{
    text-align: center;
    position: relative;
}

html {
    background-image: url("../Final Logo Assets/Blur Mug-min Opacity-min.jpg");
    background-repeat: no-repeat;
    background-position: center;
  background-size: cover;
}

 <div class="terms" id="termsofservice">
<ul class="service-nav">
  <li class="service-item">
  <a class="service-link" href="#">Privacy Policy</a>
      </li>
  <li class="service-item">
  <a class="service-link" href="#">Terms of Service</a>
      </li>
      </ul>
</div>

Answer 1

see js fiddle link **使用正文选择器并添加高度**

body {
    background-image: url("../Final Logo Assets/Blur Mug-min Opacity-min.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;

我是html和css的新手，不了解自己的样式表做错了什么

1 个答案: