Apakah perbezaan antara rem dan px dalam css3

Perbezaan antara rem dan px dalam css3 ialah: px ialah unit panjang relatif, yang relatif kepada resolusi skrin monitor manakala rem juga merupakan unit relatif, tetapi ia adalah relatif kepada elemen akar HTML.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Apakah perbezaan antara rem dan px dalam css3

1. Px ialah unit panjang relatif, yang relatif kepada resolusi skrin monitor.

Kelebihan dan Kekurangan: Ia agak stabil dan tepat, tetapi halaman akan menjadi huru-hara apabila mengezum atau mengezum dalam penyemak imbas.

3. rem ialah unit relatif baharu dalam CSS3 REM ialah unit relatif dan adalah relatif kepada elemen akar HTML. Apabila menggunakan rem untuk menetapkan saiz fon dalam elemen akar, 1rem pada masa ini adalah sama dengan saiz fon lalai penyemak imbas Saiz lalai kebanyakan penyemak imbas ialah 16px

Unit ini boleh dikatakan menggabungkan kelebihan. saiz relatif dan saiz mutlak. Melaluinya, anda boleh melaraskan semua saiz fon secara berkadar dengan mengubah suai elemen akar sahaja, dan mengelakkan tindak balas rantai pengkompaunan saiz fon lapisan demi lapisan.

Maklumat lanjutan

px:

px sebenarnya ialah piksel Apabila menggunakan PX untuk menetapkan saiz fon, ia lebih stabil dan tepat.

Tetapi terdapat masalah dengan kaedah ini Apabila pengguna melayari halaman Web yang kami buat dalam penyemak imbas, jika zum pelayar diubah, susun atur halaman Web kami akan rosak, jadi untuk Ini. adalah masalah besar bagi pengguna yang mengambil berat tentang kebolehgunaan laman web mereka.

rem:

rem ialah unit relatif baharu (root em, root em) dalam CSS3 Apabila menggunakan rem untuk menetapkan saiz fon elemen, ia adalah masih relatif, tetapi relatif kepada elemen akar HTML sahaja. Unit ini boleh dikatakan menggabungkan kelebihan saiz relatif dan saiz mutlak Melaluinya, anda boleh melaraskan semua saiz fon secara berkadar dengan mengubah suai elemen akar sahaja, dan anda boleh mengelakkan tindak balas rantai pengkompaunan saiz fon lapisan demi lapisan.

Contoh:

p {font-size:14px; font-size:.875rem;}

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah perbezaan antara rem dan px dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!