在移动设备或iPad上观看时背景图像无响应

Question

我的网站背景图片存在问题。

在浏览器（chrome）中重新调整大小时，它会响应应该如何，但是当我将其上传到我的服务器并从我的移动设备打开网站时，它不会重新调整大小。图像保持原始大小，并缩放到图像的一个区域。

有人可以帮忙吗？

以下是代码：

html{
    background: url(../img/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #FFF;
}

Answer 1

对于小型设备使用以下属性

html {background-size：100％auto;}