Mengapa Terdapat Ruang Putih di Bahagian Atas Halaman Web Saya?

Isu Ruang Putih HTML di Atas Halaman

Menemui ruang putih di bahagian atas halaman web anda boleh mengecewakan. Walaupun memeriksa elemen dengan teliti dan tidak menemui punca yang jelas, isu ini nampaknya berpunca daripada elemen html.

Untuk menangani perkara ini, pertimbangkan untuk menambahkan tetapan semula CSS pada bahagian atas helaian gaya tapak web anda. Penyemak imbas yang berbeza memaparkan margin lalai dan pelapik, dan helaian gaya luaran juga boleh menyumbang kepada tingkah laku yang tidak dijangka. Tetapan semula CSS menetapkan semua elemen kepada garis dasar, menghapuskan ketidakkonsistenan ini.

Gunakan kod tetapan semula CSS berikut:

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;
}

Kemas kini: Pemilih Universal

Seperti yang dicadangkan oleh @Frank, anda boleh menggunakan Pemilih Universal "*" untuk memudahkan kod tetapan semula:

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

Pemilih ini serasi dengan semua penyemak imbas utama, memastikan pengalaman pemaparan yang konsisten merentas platform yang berbeza.

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