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

Question

[Николай]

Как сделать автоматическую подгонку фона по высоте гаджета ?
Пример topstyle4.com. Фон подстраивается по размеру устройства, стрелочка ровно внизу по центру. Как повторить такой эффект ?

Answer 1

[Lumore]

Как вариант можно использовать @media и под каждое разрешение задавать стили:

@media screen and (max-width: 800px) {
   body {
      background-size: 800px 500px;
   }
}

Comments

[Николай]

Все разрешения не пропишешь, я так думаю тут что-то на javascript

Answer 2

[name surname]

там же просто блоку с id page1 скриптом при загрузке и ресайзе присваивается высота окна браузера