Question

我正在开发一个Angular Web应用程序，该应用程序应该具有移动响应能力。背景图像必须始终在底部。我使所有尺寸的设备都可以做到这一点，除了横向移动设备。

我曾尝试在Stack Overflow中研究示例。我尝试过此方法，但它仅适用于其他很棒的设备，但不适用于横向方向的问题。

: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;
}

如果手机屏幕横向放置，如何使背景图像停留在底部？

1 个答案: