站点背景图像在 PC 上完美运行，但它们不会出现在移动设备上

Posted 2023-03-12

【中文标题】站点背景图像在 PC 上完美运行，但它们不会出现在移动设备上

【英文标题】：Sites background image works perfect on PC but they don't appear on mobile devices

【发布时间】：2015-12-17 11:37:03

【问题描述】：

我当前的项目网站遇到了一个有趣的问题。 HERO AREA , TESTIMONIAL AREA , CONTACT AREA 上使用的背景图片在 PC 上完美加载。但这些背景图片不会加载/出现在移动设备上。

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

我怎样才能在移动设备上加载这些背景图像，就像在 PC 上加载一样完美。

提前致谢！

【参考方案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%;