Question

我正在为一些朋友建立一个网站，并且使用更高的分辨率（例如：2560x1440），页脚一直在上升，并且在底部留有空白。使用1366x768之类的分辨率就可以了。看起来还可以。

我在互联网上进行搜索，但没有找到所需的内容。请，如果您知道如何帮助我留下答案。

#showcase {
  min-height: 600px;
  height: auto;
  background: url('../img/casa-ext-1.jpg') no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  color: #27221E;
  background-attachment: fixed;
}

.container {
  width: 90%;
  margin: auto;
  overflow: hidden;
}

#rights {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background-color: black;
  bottom: 0;
  height: 60px;
  padding-top: 1px;
  color: #ece5ea;
}

<body>
  <header>
    <div class="container">
      <div id="branding">
        <a href="index.html"><img src="logo.png"></a>
      </div>
      <nav>
        <ul>
          <li class="current"><a href="index.html">Acasă</a></li>
          <li><a href="despre.html">Despre</a></li>
          <li><a href="servicii.html">Servicii</a></li>
          <li><a href="proiecte.html">Proiecte</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>

    </div>
  </header>

  <section id="showcase">
    <div class="container">
      <h1>PE SCURT</h1>
      <p id="paragraf-showcase">Credem în tradiții și le încorporăm în inovațiile propuse în fiecare proiect. Toate lucrările noastre încorporează o linie artistică unică în perfectă armonie cu soluțiile tehnice pe care le proiectăm. </p>
    </div>
  </section>
  <footer>
    <div id="rights">
      <p>Nits.SRL - Toate drepturile rezervate &copy; 2019</p>
    </div>
  </footer>

如何在所有屏幕尺寸上都显示页脚响应？

0 个答案: