Как увеличить высоту контейнера по соотношению его длины?

Question

[sunnyrio]

Есть контейнер div1 он растянут по ширине экрана и у него имеется фон, как сделать чтобы при увеличении экрана показатель HEIGHT увеличивался пропорционально WIDTH чтобы картинка на фоне не обрезалась?

@media screen and (min-width: 1440px) {
	.div1 {
		width: 100%;
		height: 900px;
		background-image: url(background/space_and_stars/space_and_stars_1440.JPG);
	}
}

Answer 1

[Ankhena]

Для фона подходящий bg size, чаще всего cover
https://webref.ru/css/background-size

Comments

[sunnyrio]

Спасибо, компактно и то что нужно)