“background-size：cover”无法正常工作。

Question

我已经做了差不多一百万次，但已经有一段时间了，我不能因为某种原因让它工作。

我的HTML文件只包含一个空身体标记。这是我的css：

body{
    height: 100%; 
    width: 100%; 
    -webkit-font-smoothing: antialiased;
    background-image: image-url("background.jpg");
    background-size: cover; 
    background-repeat: no-repeat; 
}

宽度拉伸/收缩以完美贴合窗户，但高度拒绝。以下是缩小浏览器窗口时发生的情况：

我做错了什么？

Answer 1

使用

html, 
body {
  height: 100%;
}

正文未覆盖页面的其余部分。