背景图像未覆盖整个屏幕

Question

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

Edge工作正常，但滚动条。页脚也可见。

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;
}