Как растянуть фон на всю высоту в альбомной ориентации?

Question

[HealSpirit]

Проблема в следующем:
сам сайт
есть фон, который растягивается на всю высоту страницы (у html и body height: 100%, у html - фоновая картинка), есть хедер (цифра 1), есть футер (цифра 2). В декстоп, портретной версии все отлично.
Но при альбомной версии, высота должна рассчитываться по контенту, т.к не факт что высоты при height: 100% будет достаточно.

Ставлю

@media screen and (orientation:landscape) {
  html {
    height: auto;
  }
}

но ломается декстоп, т.к у него ориентация тоже альбомная. Можно добавить еще ограничение по ширине и ориентации, но где гарантия что не найдется экран под этот запрос? Скорее всего ответ на поверхность, но я не могу сообразить, помогите, пожалуйста

Comments

[HealSpirit]

toxic-toster, Почему @media handheld не срабатывает? написали, что устаревший. У меня не работает(

Answer 1

[Олег]

Эээм а не проще ли всегда при любом раскладе делать 100%высоту, а для контента сделать блок в котором бы он скролился а фон оставался не подвижным?

Comments

[HealSpirit]

я ни разу так не делал, направьте в нужное русло. Если я, к примеру, у body задам oveflow-y: auto, то мне нужно будет в добавок задавать фиксированную высоту у body, но мне нужно чтобы футер всегда был прижат к низу страницы, поэтому я ставлю у body и html высоту 100%. Мне нужно будет как-то комбинировать height и max-height (или min-height) у body?