Адаптивный background?

Question

[Egorian]

header{
    height: 100vh;
    background: url(../img/maxresdefaults.jpg) no-repeat center top / cover fixed
}

Есть блок header с фоновым изображением.
Размер изображения 3800*2000(знаю что очень большое). На маленьких девайсах изображение обрезается. Как сделать,чтобы оно не резалось?

Answer 1

[suberg]

background-size: contain;
У вас cover поэтому обрезается.

Comments

[Egorian]

Было так:
Стало так:
Изображение теперь не растягивается

[suberg]

Egorian, Ну так оно будет либо обрезаться, либо нет. Третьего не дано.

[Hyubert]

Egorian, background-size: 100% 100%;
обрезаться не будет, но будет растянутое