Apakah perbezaan antara px dan em dalam html5

Perbezaan: 1. Panjang unit berbeza, px ialah unit panjang imej digital, dan em ialah gandaan lebar aksara 2. Objek relatif berbeza, px adalah relatif kepada skrin monitor resolusi, dan em adalah relatif kepada resolusi skrin monitor Saiz fon teks dalam objek semasa. 3. Nilai px adalah tetap, ia adalah apa sahaja yang anda tentukan, dan pengiraan lebih mudah; nilai em tidak tetap, dan em akan mewarisi saiz fon elemen induk.

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

PX

piksel px (Pixel). Piksel px adalah relatif kepada resolusi skrin monitor.

Ciri PX

1 IE tidak boleh melaraskan saiz fon yang menggunakan px sebagai unit

2 sebabnya ialah ia menggunakan em atau rem sebagai unit fon;

EMem Saiz fon relatif kepada teks dalam objek semasa. Jika saiz fon semasa untuk teks sebaris belum ditetapkan secara manual, ia akan menjadi relatif kepada saiz fon lalai penyemak imbas.

Ciri EM

1. Nilai em tidak tetap;

2.

Perbezaan antara px dan em:

1 panjang unit yang berbeza

px ialah unit panjang imej digital dan em ialah berbilang. daripada lebar aksara.

2. Objek relatif yang berbeza

px adalah relatif kepada resolusi skrin monitor, ia adalah relatif kepada saiz fon teks dalam objek semasa.

3. Nilai yang berbeza

Nilai px adalah tetap. Nilai em tidak tetap dan em mewarisi saiz fon elemen induk.

Nota: Ketinggian fon lalai mana-mana penyemak imbas ialah 16px. Semua penyemak imbas yang tidak diubah suai mematuhi: 1em=16px. Kemudian 12px=0.75em, 10px=0.625em. Untuk memudahkan penukaran saiz fon, anda perlu mengisytiharkan Font-size=62.5% dalam pemilih badan dalam CSS, yang menjadikan nilai em menjadi 16px*62.5%=10px, jadi 12px=1.2em, 10px=1em , juga Maksudnya, anda hanya perlu membahagikan nilai px asal anda dengan 10, dan kemudian tukar kepada em sebagai unit.

Jadi apabila kita menulis CSS, kita perlu memberi perhatian kepada dua perkara:

1 Isytiharkan saiz huruf=62.5% dalam pemilih badan

2 anda Bahagikan nilai px asal dengan 10, dan kemudian gantikannya dengan em sebagai unit

3. Elakkan pengisytiharan berulang tentang saiz fon.

Iaitu untuk mengelakkan fenomena 1.2 * 1.2= 1.44. Sebagai contoh, jika anda mengisytiharkan saiz fon ialah 1.2em dalam #content, maka apabila anda mengisytiharkan saiz fon p, ia hanya boleh menjadi 1em, bukan 1.2em, kerana em ini bukan em itu, dan ia mewarisi fon ketinggian #content menjadi 1em=12px.

Cadangan berkaitan: "

tutorial video html

"

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