php - 尽管有 css 代码，但图像并未显示在整个屏幕上

Question

在我的网站上，我想用一张图片完全覆盖一个页面(不是主页)。它应该完全填满每台设备的屏幕。我专门创建了一个childtheme来处理这个问题。

在我的网站上，我想创建一个画廊设施，用横跨整个屏幕的图片迎接访问者。如前所述，我已经为它创建了一个子主题。我首先尝试在 functions.php 文件夹中将内容宽度设置为 100%。不幸的是，这没有用。然后我在我的 wordpress 主题上尝试了所有自定义 css 字段。那也行不通。

`element.style {
background-image: url(https://philippfalkenhagen.de/wp-content/uploads/2019/10/Reh-im-Mohnfeld-Startseite-1.jpg);
max-width: 100%;
height: 801px;
width: 100%;
}

有了这段代码，它实际上应该是我想要的 funkitoinieren。不幸的是我无法将它整合到我的数据中。他不适合 functions.php 并且他也不作为自定义 css 工作。

//设置默认内容宽度 如果(!isset($content_width)){ $content_width = 680; }

functions.php 文件夹中的这段代码是我的第二次尝试。我无法将宽度设置为 100%，在所有其他值上她看起来都一样。

我希望 philippfalkenhagen.de/tiere-2` 下的图片填满整个屏幕。不幸的是，事实并非如此。当我使用 100% 的第二个代码时，我什至无法访问我的网站，直到我重置代码。

Answer 1

由于您处理的是背景而不是图形本身，请尝试使用 background-size: 100% 100% 和 background-repeat: no-repeat。

`element.style {
background-image: url(https://philippfalkenhagen.de/wp-content/uploads/2019/10/Reh-im-Mohnfeld-Startseite-1.jpg);
max-width: 100%;
height: 801px;
width: 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
}