ホームページ > 記事 > ウェブフロントエンド > 背景のグラデーションが画面全体を確実に埋めるにはどうすればよいですか?
魅力的な放射状のグラデーションが Web ページの背景として使用されるシナリオでは、グラデーションがページのコンテンツが画面全体を占めるには至らない場合、突然終了します。
この問題を解決し、要素がページ全体のサイズを想定していることを保証するには、次のコード スニペットを実装できます:
html, body { margin: 0; height: 100%; }
このコードは、 の両方を設定します。そして
要素をページの境界に揃えます。余白をすべて削除し、高さを 100% に設定すると、要素が画面全体を囲むように拡張され、背景のグラデーションが途切れることなく表示されます。以上が背景のグラデーションが画面全体を確実に埋めるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。