Penukar px ke rem & em
Tukar antara px, rem dan em menggunakan saiz fon akar dan konteks anda sendiri — edit mana-mana medan dan dua medan lain akan dikemas kini semasa anda menaip.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Setiap penukaran dijalankan dalam penyemak imbas anda. Tiada apa-apa yang anda taip akan dimuat naik ke BroBroGo.
Soalan Lazim
Apakah perbezaan antara px, rem dan em?
px ialah panjang tetap. rem diukur berbanding saiz fon akar halaman, jadi pada akar 16px, 1rem bersamaan dengan 16px. em diukur berbanding saiz fon elemen tempat ia berada. Menentukan saiz jenis dan jarak dalam rem membolehkan semuanya diskalakan apabila pembaca menukar saiz fon lalai mereka.
Mengapakah terdapat saiz konteks em yang berasingan?
em adalah relatif kepada saiz fon elemennya sendiri, yang tidak selalunya merupakan akar. Tetapkan konteks em kepada saiz fon elemen tersebut untuk membaca em dengan betul, dan pastikan ia sama dengan akar apabila kedua-duanya sepadan.
Bagaimana jika saiz fon akar saya bukan 16px?
Ubah medan saiz fon akar untuk memadankan CSS anda dan setiap nilai rem akan dikemas kini serta-merta. Jadual pantas di bawah ialah panduan berguna untuk akar 16px biasa yang dimulakan oleh kebanyakan tapak.