Самый простой способ растянуть фон на весь экран — это установить свойство height: 100vh для элемента с фоном. Это свойство устанавливает высоту элемента на 100% высоты видимой области окна браузера, что приводит к растяжению фона на весь экран.
body {
background-image: url(path/to/image.jpg);
background-size: cover;
background-position: center center;
height: 100vh;
}
В этом примере свойство background-size устанавливает размер фона cover (соотношение сторон изображения сохраняется, так что изображение растягивается на всю высоту и ширину элемента, а лишнее обрезается), а свойство background-position устанавливает позиционирование фона по центру окна браузера.
Также можно использовать width: 100vw или width: 100% для растяжения фона в ширину.





