图像倍增

Question

我试图使我的网站具有响应能力，但是当我拖动寡妇查看结果时，背景就成倍增加了。我有2张图片作为背景（开始时1张，底部1张）

我尝试过

@media screen and (max-width : 1600px) { 
  .bg1{
   background-size: 100%;
   background-repeat: no-repeat;
  }
}

如果我这样做的话，我会在图像之间得到一些间隔。

HTML：

    <div class="bg1">
           *some content here*
      </div>

CSS：

    @media screen and (max-width : 1600px) { 
      .titlu h1{ font-size: 20rem; }
      .navbar li a{
       font-size: 20px;
      }
      .bg1{
        background-size: 100%;
        background-repeat: no-repeat;
      }
    }

Answer 1

您可以使用background-position放置图片，并使用background-repeat避免重复

@media screen and (max-width : 1600px) {
  .bg1 {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
}