网站的背景图片可在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%;
}