Question

我有一个代码，使背景图片覆盖整个屏幕，而不仅仅是内容。它适用于计算机和iPhone，但使用Android时，图片不会纵向拉伸以垂直覆盖整个屏幕。代码如下。

CSS：

body {
    background-image:url(background.png);
    border:none;
    background-size:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-attachment:fixed;
    background-repeat:repeat-x;
}

图像为5x500像素。如果您有更好的解决方案来覆盖带有背景图像的页面，请告诉我。

Answer 1

背景大小有时会引发问题。尝试将min-height添加到html

尝试添加

min-height: 100%;

到身体

Answer 2

尝试设置您的属性，如下所示：

background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;

backround-size可能很挑剔。

Answer 3

你看过背景大小：包含？就个人而言，我是背景大小的粉丝：封面，也可能有所帮助。

我发现这篇文章是因为我正在查看Android背景大小问题。如果它对OP没有帮助，至少希望它会帮助其他人。

我遇到的安卓问题是Android不喜欢背景的速记，背景位置和背景大小。分离，就像你看起来一样，解决了这个问题。

使背景覆盖所有屏幕尺寸

3 个答案: