Изображение не отображается на весь экран, несмотря на код CSS

Question

На моем сайте я хочу полностью покрыть страницу (не домашнюю страницу) изображением. Он должен полностью заполнить экран на каждом устройстве. Я специально создал дочернюю тему для решения этой проблемы.

На моем веб-сайте я хочу создать галерею, которая встречает посетителя с изображением на весь экран. Я создал для этого тему ребенка, как уже упоминалось. Сначала я попробовал один раз в папке functions.php установить ширину содержимого на 100%. К сожалению, это не сработало. Затем я попробовал это со всем настраиваемым полем CSS в моей теме WordPress. Это тоже не сработало.

`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.

// set default content width if ( ! isset( $content_width ) ) { $content_width = 680; }

Этот код в папке functions.php был моей второй попыткой. Я не мог установить ширину на 100%, и на всех других значениях она выглядела одинаково.

Я ожидаю, что картинка в philippfalkenhagen.de/tiere-2` заполняет весь экран. к сожалению это не так. Когда я использовал 100% второго кода, я даже не мог получить доступ к своему веб-сайту, пока не сбросил код.

Answer 1

background-size: cover; 

поможет вам решить эту проблему.

обновлено:

`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-size: cover; 
}

Answer 2

Это моя папка functions.php:

https://we.tl /t-g7Mvc2EbC6

Я подозреваю, что я должен поставить код здесь, но я не знаю, где.

Answer 3

Поскольку вы имеете дело с фоном, а не с самой фигурой, попробуйте использовать 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%;
}