android - 在移动设备或 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;}