背景图像不覆盖整个屏幕

Question

在我的CSS文件中，我有以下一段代码，但发现屏幕仍未被覆盖。

边缘工作良好，但与滚动条。页脚也可见。

Internet Explorer在底部有一个黑色部分。当我点击Alt使菜单项出现时，整个屏幕就会填满，页脚变得可见。

谷歌浏览器平均有两个页脚，因此将页脚剪成两半。

body { 
    font-family: Calibri; 
    font-size: 20px; 
    line-height: 1.428571429; 
    color: whitesmoke; 
    background-image: linear-gradient(to bottom, black, darkslategrey); 
    background: inherit center center fixed; 
    background-size: cover; 
} 

Answer 1

这个属性添加到你的CSS：

body { 
height:100vh; 
}