Rumah >hujung hadapan web >tutorial css >em pertukaran hubungan_pengalaman px

em pertukaran hubungan_pengalaman px

WBOY
WBOYasal
2016-05-16 12:09:161419semak imbas

Keadaannya seperti ini Terdapat dua unit yang biasa digunakan untuk menentukan saiz fon dalam CSS: em dan px.

em ialah nombor relatif Contohnya, 1.1em bermaksud lebar 1.1 aksara, dan lebar aksara ini dimulakan berdasarkan saiz fon. Pada masa yang sama, mereka juga mewarisi ciri-ciri objek induk, jadi 1.2em pada kedudukan yang berbeza tidak semestinya sama, tetapi artikel ini tiada kaitan dengan ini dan saya tidak akan menerangkan secara terperinci.
px adalah untuk resolusi peranti paparan semasa Walaupun masih terdapat perbezaan saiz untuk peranti yang berbeza, ia lebih sesuai untuk menentukan fon.
Saya tidak mentakrifkan secara khusus saiz fon bahagian carian dalam templat ini, jadi ia menggunakan parameter saiz fon 12px objek induk. Takrifan saiz fon IE sebenarnya berbeza daripada FF/Opera Secara lalai, 1em kelihatan lebih besar dalam IE daripada pelayar lain, jadi anda perlu menambah definisi berikut pada bahagian badan:

<.>Salin kod Kod adalah seperti berikut:
saiz fon:62.5%; Verdana, Arial, Sans-Serif;


Kuncinya ialah ayat pertama, yang menjadikan saiz fon di bawah IE kelihatan seperti: 1em=10px, yang hampir sama dengan FF/Opera.
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn