背景のグラデーションが画面全体を確実に埋めるにはどうすればよいですか?

背景のグラデーションを画面全体に拡張する

魅力的な放射状のグラデーションが Web ページの背景として使用されるシナリオでは、グラデーションがページのコンテンツが画面全体を占めるには至らない場合、突然終了します。

この問題を解決し、要素がページ全体のサイズを想定していることを保証するには、次のコード スニペットを実装できます:

html, body {
    margin: 0;
    height: 100%;
}

このコードは、 の両方を設定します。そして

要素をページの境界に揃えます。余白をすべて削除し、高さを 100% に設定すると、要素が画面全体を囲むように拡張され、背景のグラデーションが途切れることなく表示されます。

以上が背景のグラデーションが画面全体を確実に埋めるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。