android - 使背景覆盖所有屏幕尺寸

Question

我有一个代码可以让背景图片覆盖整个屏幕，而不仅仅是内容。它在电脑和 iPhone 上运行良好，但在安卓设备上，图片不会纵向拉伸(stretch)以垂直覆盖整个屏幕。代码如下。

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%;

body