android - 平板电脑/手机页面底部的空白

Question

我使用图片作为页面背景，这是代码:

    body {
    background-color: black;
    background: url(/images/bg.jpg); 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 100% 0%;
}

在电脑上看起来不错，但如果我从平板电脑或手机打开页面，页面底部会出现空白。

它应该是这样的:

这是它在平板电脑上的样子:

Answer 1

尝试，

html, body{
  height: 100%;
}