Bagaimana untuk Membuat Kecerunan Latar Belakang Skrin Penuh Mengisi Keseluruhan Halaman?

Memastikan Kecerunan Latar Belakang Skrin Penuh

Mencapai kecerunan latar belakang skrin penuh ialah tugas biasa dalam pembangunan web. Walau bagaimanapun, apabila elemen badan tidak menduduki keseluruhan halaman, kecerunan boleh kelihatan terpotong. Berikut ialah penyelesaian untuk membuat elemen mengisi keseluruhan skrin, tanpa mengira ketinggian kandungan:

Dengan menggunakan sifat CSS berikut pada dan elemen:

<code class="css">html, body {
    margin: 0;
    height: 100%;
}</code>

Ini memastikan bahawa kedua-dua dan elemen tidak mempunyai margin, dengan berkesan menghapuskan sebarang ruang putih di sekelilingnya. Selain itu, menetapkan ketinggian kepada 100% menentukan bahawa ketinggian elemen ini harus menduduki ruang menegak penuh tetingkap penyemak imbas.

Akibatnya, elemen akan terbentang untuk memenuhi keseluruhan skrin, dan latar belakang kecerunan jejari akan kelihatan di seluruh halaman, tanpa mengira jumlah kandungan yang ada.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Kecerunan Latar Belakang Skrin Penuh Mengisi Keseluruhan Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!