Html 随着浏览器窗口的增加，随时保持横幅响应

我试图使我的横幅顺利扩展，因为我增加了我的浏览器的窗口大小的权利

在某一点上，我看到了黑色的差距

该黑色间隙显示在

注释8

和

像素XL

上

这是我现在在页面上看到的CSS

.respheader{
    background-image: url({{asset('uploads/client/'.$data->Header->site_banner) }});
    background-size:cover;
}


@media only screen and  (min-width: 1024px) {

    .respheader{
        background-image: url({{asset('uploads/client/'.$data->Header->site_banner) }});
        background-size:cover;
    }

}

你可以从这里看到更多的CSS

问题就在这里

---

如何进一步进行调试？

我会在媒体查询中将背景大小：contain更改为背景大小：cover

背景大小包含： 在不剪切或拉伸图像的情况下尽可能大地缩放图像

背景尺寸封面：

---

在不拉伸图像的情况下尽可能大地缩放图像。如果图像的比例与元素不同，则会对其进行垂直或水平裁剪，以便不留任何空白。

我很困惑，您的建议告诉我要做我已经做过的事

背景尺寸：封面@kyo检查您的媒体查询，在屏幕截图中显示“背景大小包含”