html - 如何修复我的页脚背景图像以使其在移动设备上始终可见？

Question

我的网站是https://www.pisqueya.com

我有一个全宽的大背景图片，在所有页面的底部始终可见，它在桌面上工作正常，但在移动设备上却不行。

有人知道我的下面的代码缺少什么来解决这个问题吗？

body {
  font-family: portuguesa;
  background: url(https://www.pisqueya.com/wp-content/uploads/2019/07/footer-pisqueya.png) no-repeat center bottom fixed;
  background-size: contain;
  height: 100%;
  overflow: hidden;
  background-color: #fdeae1;
}

#wrapper,
#main {
  background-color: initial!Important;
}

Answer 1

我觉得还不错。问题是当您使用较小的屏幕时，图片也会变小。

如果您想使用相同的图片，您应该更改移动设备的背景大小值或为它们使用不同的图片。

希望它也能有用。 https://www.w3schools.com/cssref/css3_pr_background-size.asp

最好的问候。