如果移动屏幕在风景中,如何将背景图像保持在底部?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (15)

我正在开发一个应该是移动响应的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;
}

会发生的是,背景图像仅在视口高度方面是最低的。它应该位于页面的底部,包括页面的滚动高度(因为视图是横向的)。

提问于
用户回答回答于

您是否尝试使用背景图片定位body标签?

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

扫码关注云+社区

领取腾讯云代金券