Mengapa Terdapat Ruang Putih yang Tidak Diingini di Bahagian Atas Halaman Saya?

White Space Conundrum: Menyelesaikan Margin Halaman Yang Tidak Diingini

Anda telah menghadapi isu yang membingungkan di mana 20 piksel ruang putih muncul secara misteri di bahagian atas halaman anda, nampaknya tanpa sebarang sumber yang jelas. Setelah memeriksa unsur-unsur, ia menjadi jelas bahawa padding atau margin tidak digunakan di kawasan yang terjejas. Walau bagaimanapun, apabila memeriksa elemen HTML, ruang putih hadir.

Menyelidiki lebih lanjut dalam penyiasatan, anda mendapati bahawa mengalih keluar perisytiharan HTML (>) menghapuskan ruang putih. Ini menunjukkan bahawa percanggahan terletak dalam pemaparan lalai penyemak imbas dokumen HTML.

Untuk menyelesaikan isu ini, laksanakan tetapan semula CSS pada permulaan helaian gaya tapak web anda. Pelayar yang berbeza menggunakan margin lalai dan pelapik yang berbeza-beza, yang boleh memperkenalkan jarak yang tidak dijangka. Tetapan semula CSS menetapkan garis dasar yang konsisten untuk semua elemen, memastikan keseragaman merentas penyemak imbas.

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

Pendekatan Pemilih Universal:

Sebagai alternatif untuk menyenaraikan semua elemen individu , anda boleh menggunakan pemilih universal (*). Pemilih ini serasi merentas pelayar dan secara berkesan menetapkan semula penggayaan lalai untuk semua elemen pada halaman:

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

Dengan melaksanakan perubahan CSS ini, anda boleh menghapuskan ruang putih yang tidak diingini di bahagian atas halaman anda, memastikan pengalaman pengguna yang konsisten dan lancar secara visual merentas penyemak imbas yang berbeza.

Atas ialah kandungan terperinci Mengapa Terdapat Ruang Putih yang Tidak Diingini di Bahagian Atas Halaman Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!