我正在开发一个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;
}
发生的情况是,背景图像仅在视口高度方面处于底部。它应该在页面的底部,包括页面的高度和滚动(因为视图是横向的)。
发布于 2019-05-09 03:35:45
你有没有试过用你的背景图像定位body标签?
body {
background-image: url(../../../assets/images/...);
background-position: center bottom;
background-attachment: fixed;
background-repeat: no-repeat;
}
https://stackoverflow.com/questions/56000458
复制相似问题