css3背景大小：覆盖在调整大小时留下空白

body {
    margin:0;
    padding:0;
    position:relative;
    background:url(../images/imgs/backgrnd.png) no-repeat;
    background-size:cover;
}

The background-size:cover在大多数情况下工作得很好，调整大小通常不是问题，但在某些情况下，在某些调整大小时，它会在页面底部留下一个大的白色条带。
背景是一个1920x1080 image

不确定你是否解决了这个问题，但我为此烦恼了好几天，谷歌也没有提供任何帮助。我与我们 UI 团队的工作人员交谈过，结果发现网页的主体不一定覆盖页面的整个高度。将以下内容添加到我的 css 文件中完全解决了问题：

html {
    height: 100%;
}

body {
    background-size: cover;
    height: 100%;
}

这会拉伸正文的内容以适应窗口的整个高度。只包含“正文”部分对我来说很有效，但我的同事告诉我，最好同时包含两者，因为有些浏览器只包含其中一个就会表现得很有趣。