Как сделать адаптивный background-image?

Question

[sirinotapple]

Здравствуйте, если сделать

background-image: url("~@/assets/hello.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;

то картинка может уменьшиться по высоте как сделать что-то типа min-background-height:100%?

Comments

[Alexander3928]

https://webref.ru/layout/html5-css3/img/scale

Answer 1

[pfilippov]

скорее
background-size: cover;
если речь шла про заполнение

Answer 2

[Geljinskiy]

Попробуй background-size: contain - гарантированно сохраняет пропорции изображения.