网站背景图片在PC上运行良好，但它们不会出现在移动设备上

Question

我目前的项目网站面临一个有趣的问题。在 HERO AREA，TESTIMONIAL AREA，CONTACT AREA 上使用的背景图片在PC上完美加载。但这些背景图像不会在移动设备上加载/显示。

我无法找出这个问题背后的原因。 以下是我的项目的实时链接：http://themebite.github.io/demo/effacy/

如何在移动设备上加载这些背景图像，就像它们在PC上加载一样完美。

提前致谢！

Answer 1

使用媒体查询设置CSS属性，例如background-size: 100% 100%;这将解决您的问题

.static-bg {
    background: transparent url("../img/bg/hero-bg.jpg") no-repeat scroll center center / cover;
    background-size: 100% 100%;
}