HTML页面中的奇怪行为

我正在编写一个Web应用程序，我的应用程序中出现了一种奇怪的行为

基本上，我设置了一个

背景图像

，网站

宽度

继续传递图像

长度

这是一个打印屏幕：

我能做些什么来纠正这个问题

我用这一行设置背景：

<header style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(<?php echo base_url('assets/pagina_voluntario.jpg');?>);">
        <div class="header-content">
            ...
        </div>
    </header>

---

背景图像的默认行为是以正常大小显示一次图像。如果视口最终大于背景图像，则图像将不会缩放或重复

这可以通过使用
背景大小：cover
进行修复，这样可以使背景“覆盖”整个空间，而不会扭曲背景图像的比例

因此，您可以如下设置背景图像的大小：

background-image: url(http://...);
background-size: cover;

并非所有浏览器都支持CSS中的cover属性（例如，旧版IE和较旧的Safari版本），但我一直在讨论一种可以在现代（可能更高效）cover方法前面添加的回退方法，以便它不会在较旧的浏览器上完全失败：

background: url(img2x.jpg) 0% 0%/100%;

（参见原始答案）
背景图像的默认行为是以正常大小显示一次图像。如果视口最终大于背景图像，则图像将不会缩放或重复

这可以通过使用
背景大小：cover
进行修复，这样可以使背景“覆盖”整个空间，而不会扭曲背景图像的比例

因此，您可以如下设置背景图像的大小：

background-image: url(http://...);
background-size: cover;

并非所有浏览器都支持CSS中的cover属性（例如，旧版IE和较旧的Safari版本），但我一直在讨论一种可以在现代（可能更高效）cover方法前面添加的回退方法，以便它不会在较旧的浏览器上完全失败：

background: url(img2x.jpg) 0% 0%/100%;

（参见原始答案）
您编写的代码是什么？与我们共享您编写的代码，以便我们可以查看您所做的工作。这可能有助于
背景大小：url（“…”）封面
这是一个关于你的问题的网站，你写的代码是什么？与我们分享你写的代码，这样我们就可以看到你做了什么。也许这有助于
背景大小：url（“…”）封面
这是一个关于你的问题的网站