背景画像が全体の画面を覆っていない

Question

私のCSSファイルには、次のコードがありますが、画面がまだ覆われていないことがわかります。

エッジはうまく動作していますが、スクロールバーがあります。フッターも表示されます。

Internet Explorerの下部に黒い部分があります。 Altキーを押してメニュー項目を表示すると、画面全体がいっぱいになり、フッターが表示されます。

Google Chromeの平均は2つで、フッタが2つにカットされています。

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