Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Menjadikan Elemen `` Mengisi Keseluruhan Viewport untuk Latar Belakang Skrin Penuh?
Memanjangkan
S: Saya telah menggunakan kecerunan jejari pada halaman web saya sebagai latar belakang:
<code class="css">background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000));</code>
Walau bagaimanapun, kecerunan menjadi kabur apabila kandungan halaman' t menduduki skrin penuh. Bagaimanakah saya boleh memastikan
J: Untuk mencapai ini, gunakan peraturan CSS berikut:
<code class="css">html, body { margin: 0; height: 100%; }</code>
Ini memastikan tiada jidar mengelilingi
Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Elemen `` Mengisi Keseluruhan Viewport untuk Latar Belakang Skrin Penuh?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!