Apakah unit fon CSS?

Unit fon css termasuk px, %, em, rem, vw, vh, vmin, vmax, dsb. Pengenalan terperinci: 1. px, menentukan saiz fon sebagai nilai piksel tetap; kepada elemen akar (elemen html 5. vw, peratusan berbanding lebar ruang pandang; 6. vh, peratusan berbanding ketinggian port pandangan; ketinggian.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

Dalam CSS, terdapat berbilang unit yang boleh digunakan untuk menentukan saiz fon. Berikut ialah beberapa unit fon CSS yang biasa digunakan:

Pixel (px): Pixel ialah salah satu unit fon yang paling biasa digunakan. Unit piksel menentukan saiz fon sebagai nilai piksel tetap. Contohnya, saiz fon: 16px bermaksud saiz fon ialah 16 piksel.

Peratus (%): Unit peratusan menentukan nisbah saiz fon berbanding elemen induk. Sebagai contoh, saiz fon: 150% bermakna saiz fon ialah 150% daripada saiz fon unsur induk.

em (em): Unit em juga adalah relatif kepada saiz fon elemen induk. 1em adalah sama dengan saiz fon elemen induk. Contohnya, saiz fon: 1.5em; bermakna saiz fon ialah 1.5 kali saiz fon unsur induk.

rem (rem): Unit rem ialah saiz fon berbanding elemen akar (elemen html). 1rem adalah sama dengan saiz fon elemen akar. Sebagai contoh, saiz fon: 1.2rem bermaksud saiz fon ialah 1.2 kali saiz fon unsur akar.

vw (vw): Unit vw ialah peratusan berbanding lebar port pandangan. 1vw adalah sama dengan 1% daripada lebar viewport. Sebagai contoh, saiz fon: 5vw bermaksud saiz fon ialah 5% daripada lebar ruang pandang.

vh (vh): Unit vh ialah peratusan berbanding ketinggian port pandangan. 1vh adalah bersamaan dengan 1% daripada ketinggian viewport. Sebagai contoh, saiz fon: 10vh bermaksud saiz fon ialah 10% daripada ketinggian paparan.

vmin (vmin): Unit vmin ialah peratusan berbanding lebar dan ketinggian port pandangan yang lebih kecil. 1vmin adalah sama dengan 1% daripada nilai yang lebih kecil. Sebagai contoh, saiz fon: 3vmin bermaksud saiz fon ialah 3% daripada nilai yang lebih kecil.

vmax (vmax): Unit vmax ialah peratusan berbanding dengan lebar dan ketinggian port pandangan yang lebih besar. 1vmax adalah sama dengan 1% daripada nilai yang lebih besar. Contohnya, saiz fon: 2vmax bermaksud saiz fon ialah 2% daripada nilai yang lebih besar.

Selain unit di atas, anda juga boleh menggunakan unit mutlak (seperti inci, sentimeter, milimeter, titik, dll.) untuk menentukan saiz fon. Tetapi dalam pembangunan web, unit relatif lebih biasa digunakan kerana ia boleh menyesuaikan diri dengan saiz skrin dan peranti yang berbeza.

Perlu diambil perhatian bahawa pelayar yang berbeza mungkin mentafsir unit fon secara berbeza sedikit. Oleh itu, apabila menggunakan unit fon, adalah disyorkan untuk menjalankan ujian keserasian untuk memastikan paparan yang konsisten dalam pelayar yang berbeza.

Atas ialah kandungan terperinci Apakah unit fon CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!