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

时间:2015-02-17 12:43:35

标签: android html css mobile background

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

在浏览器(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;
}

1 个答案:

答案 0 :(得分:0)

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

html {background-size:100%auto;}