Android Chrome在背景属性方面表现不佳

Question

我正在开发一个个人网站，我在Android上遇到了一些Chrome问题。 我有一个背景图片覆盖了所有页面，它在我拥有的每个移动浏览器上拥有的每个浏览器（Chrome，Opera，Safari，Firefox）和都能正常工作（iOS上的Chrome，Safari on iOS，甚至是默认的Android浏览器。）

这是我的body的CSS：

body {
    width: 100%;
    height: 100%;
    background: url(../images/background.jpg) no-repeat center center fixed;
    background-size: cover;
}

Chrome for Android上发生的事情是背景仅覆盖可用的视口（在首屏上方），同时在首屏下方消失。

以下是截图：

使用body代替更经典的包装#container div会有问题吗？我真的想解决这个问题而不必弄乱我的标记;我相信这是可能的，因为它适用于大多数浏览器。

也许它是Chrome for Android的错误？

Answer 1

根据评论中的建议，问题是在height: 100%上明确设置了body，这使其坚持视口高度。

通过删除该约束，现在背景扩展到所有内容。

Answer 2

切换到最小高度：100％的身体和html应该给你相同的效果。

否则，您可以提供jsbin.com的示例URL或代码示例