背景圖像不覆蓋整個屏幕

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