Mengapa Chrome dan Firefox Memaparkan Saiz Fon Secara Berbeza Walaupun CSS Sama?

Percanggahan dalam Paparan Saiz Fon Antara Chrome dan Firefox

Apabila membangunkan tapak web, memastikan paparan fon yang konsisten merentas penyemak imbas yang berbeza adalah penting. Walau bagaimanapun, isu biasa возникает dalam membandingkan saiz fon unsur antara Chrome dan Firefox. Walaupun menyatakan saiz dalam piksel atau peratusan, mungkin terdapat perbezaan yang ketara dalam pemaparan fon.

Dalam kod contoh yang disediakan, saiz fon badan ditetapkan kepada 100%, manakala elemen #geral mempunyai saiz fon daripada 0.875em. Namun, walaupun definisi yang jelas, Chrome nampaknya menjadikan saiz fon 1 piksel lebih besar.

Untuk menangani ketidakkonsistenan ini, pertimbangkan untuk memasukkan tetapan semula CSS ke dalam projek anda. Satu set semula sedemikian ialah Tetapan Semula CSS YUI. Melaksanakan tetapan semula CSS akan memastikan semua penyemak imbas bermula dari asas yang sama, dengan ketara mengurangkan ketidakkonsistenan merentas penyemak imbas termasuk pemaparan fon. Walaupun tetapan semula CSS mempunyai kesan yang paling ketara pada Internet Explorer dan penyemak imbas lama yang lain, tetapan itu masih boleh memanfaatkan penyemak imbas moden seperti Chrome dan Firefox dengan menghapuskan percanggahan kecil.

Atas ialah kandungan terperinci Mengapa Chrome dan Firefox Memaparkan Saiz Fon Secara Berbeza Walaupun CSS Sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!