Как сохранить фоновое изображение прилипания внизу, если экран мобильного телефона находится в альбомной ориентации?

Question

Я занимаюсь разработкой веб-приложения Angular, которое должно быть мобильным. Фоновое изображение всегда должно быть внизу. Я сделал это возможным для всех размеров, кроме мобильных устройств, которые находятся в альбомной ориентации.

Я пытался исследовать образцы здесь, в переполнении стека. Я пробовал это, но это работает только для других устройств, что замечательно, но не для проблемы, с которой я столкнулся в альбомной ориентации.

:host {
    display: block;
    position: absolute;
    height: 100%;
    background-image: url(../../../assets/images/...);
    background-position: center bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

Что происходит, так это то, что фоновое изображение является только нижним с точки зрения высоты порта просмотра. Он должен быть внизу страницы, включая высоту страницы со свитком (потому что вид в альбомной ориентации).

Answer 1

Вы пытались нацелить тег body на фоновое изображение?

body {
    background-image: url(../../../assets/images/...);
    background-position: center bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
}