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

【问题标题】：Sites background image works perfect on PC but they don't appear on mobile devices站点背景图像在 PC 上完美运行，但它们不会出现在移动设备上
【发布时间】：2015-12-17 11:37:03
【问题描述】：

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

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

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

提前致谢！

【问题讨论】：

标签： android jquery ios css responsive-design

【解决方案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%;
}

【讨论】：