背景图片没有在手机上显示全尺寸

时间:2013-05-14 11:15:52

标签: css css3 mobile background-image

我使用此代码显示图像背景:

body {
    background:url('images/bg.jpg')no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden; 
}

在台式电脑上运行良好,但是当我在移动设备上查看该网站时(iPhone for ex),图像无法到达屏幕底部,并且之后有一个空格。

我的图片文件大小为:1280X1007

我该如何解决?

1 个答案:

答案 0 :(得分:0)

也许body { height = 100%; margin = 0; ...}很有用!? iPhone的分辨率是多少,您可以在Safari浏览器的其他设备上试用吗?