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

Question

[dieneri]

Вне зависимости от изменения размеров, изображение бы подстраивалось под центр и отображалось, не растягиваясь непропорционально

Comments

[Ankhena]

За размер фона отвечает свойство background-size.
Для пропорционального растяжения/сжатия его значения contain и cover.
https://developer.mozilla.org/ru/docs/Web/CSS/back...

За расположение, соответственно, background-position

Answer 1

[Сергей Ульянов]

Расписывать детально не буду, но вот некоторые реализации
Вариант 1) Решить через background-image, background-size, background-position (background)
Вариант 2) Задать через флексы для контейнера и позиционировать по центру картинку + overflow hidden
Вариант 3) Задать родителю position relative, а картинке posiation absolute, выравнивать по центру
Вариант 4) max-width убираем, ставим margin auto
Вариант 5) text-align center, vertical-align middle, так же без max-width и с overflow hidden