Как сделать фото на сайте адаптивной для всех экранов?

Question

[Aladdin]

Хочу сделать на сайт фото на фоне на весь экран, как на примере, чтобы подходил под любые экраны.

Пример:
sailing-with-greenpeace.com

Answer 1

[Евгений Вольф]

Так?

Comments

[Aladdin]

Именно так, спасибо

[Евгений Вольф]

Mr. Tabrest: не за что, обращайтесь :)

[Aladdin]

Евгений Вольф: Фон ломается
codepen.io/MrTabrest/pen/BQXVVV

[Евгений Вольф]

Mr. Tabrest: я думаю, вот такой вариант подойдёт, с отделенными друг от друга html и body.

Answer 2

[Stopy]

body {
  margin: 0;
  background-size: cover;
}

Comments

[Aladdin]

Не работает

codepen.io/MrTabrest/pen/WoVMzY

[Stopy]

Mr. Tabrest: https://jsfiddle.net/c57sgc7s/

[Stopy]

Mr. Tabrest: codepen.io/anon/pen/BQXPYg если больше нравится codepen