Как сделать адаптивный фон сайта?

Question

[LastGeneral]

Есть вот такая картинка:
Как её сделать в таком же размере и на пк монитере и на экране телефона?
А не так:

Answer 1

[Andrej Sharapov]

body {
  background-image: url(https://habrastorage.org/webt/5d/7b/3f/5d7b3f253c38b270567133.jpeg);
  background-size: cover;
}

Comments

[LastGeneral]

Я наверно не неправильно написал, у меня на мобильном вот так:
Это не подходит, хочу что бы картинка была вся

[Rustam Bainazarov]

LastGeneral, тогда contain, а не cover.

[LastGeneral]

Рустам Байназаров, А как в таком случаи быть с высотой?

[Lander]

LastGeneral, Вы издеваетесь? Вы хотите впихнуть невпихуемое и спрашиваете что вам делать, ведь у вас не помещается.
Если вам сейчас скажут чётко задать ширину и высоту, то вы спросите "А почему они вытянулись?"?

[LastGeneral]

Lander, я просто спрашиваю возможно это сделать или нет

[lagudal]

Вы как себе представляете? т.е. чего именно вы хотите? Картинка горизонтальная, с определенным соотношением сторон. Как бы на телефоне в вертикальном модусе она может быть или частично, или так как сказал @Рустам Байназаров, или растягвайте на 100% по высоте и не удивляйтесь что люди получились такие удивительно длинные ))) ну или нарезайте разные картинки для разных разрешений.

[Rustam Bainazarov]

LastGeneral, а что вы хотите? То заполнение по высоте вас не устраивает, то вот теперь вы вписали картинку — и снова не то. Играйтесь со значением в процентах тогда, пока вас не устроит результат, либо на телефонах делайте другую картинку с другим соотношением сторон, чтобы умещались все персонажи.

[vayo]

Создайте разные картинки для разных устройств/разрешений экрана, для вертикального экрана один фон, для горизонтального другой.