Konverter PX ke EM
- Tetapkan ukuran font default (biasanya 16px)
- Kemudian, ubah nilai piksel menjadi em, berdasarkan ukuran default
- Atau, ubah nilai em menjadi piksel, berdasarkan ukuran default
Ukuran Body Font
Pada tabel di bawah, beberapa ukuran body font dalam piksel (px) untuk menampilkan tabel konversi “px ke em dan persen” lengkap. dengan perhitungan default 16px.
| px | em | percent |
|---|---|---|
| 5px | 0.3125em | 31.25% |
| 6px | 0.3750em | 37.50% |
| 7px | 0.4375em | 43.75% |
| 8px | 0.5000em | 50.00% |
| 9px | 0.5625em | 56.25% |
| 10px | 0.6250em | 62.50% |
| 11px | 0.6875em | 68.75% |
| 12px | 0.7500em | 75.00% |
| 13px | 0.8125em | 81.25% |
| 14px | 0.8750em | 87.50% |
| 15px | 0.9375em | 93.75% |
| 16px | 1.0000em | 100.00% |
| 17px | 1.0625em | 106.25% |
| 18px | 1.1250em | 112.50% |
| 19px | 1.1875em | 118.75% |
| 20px | 1.2500em | 125.00% |
| 21px | 1.3125em | 131.25% |
| 22px | 1.3750em | 137.50% |
| 23px | 1.4375em | 143.75% |
| 24px | 1.5000em | 150.00% |
| 25px | 1.5625em | 156.25% |
Apa perbedaan antara PX, EM dan Persen?
Piksel adalah pengukuran statis, sedangkan persen dan EM adalah pengukuran relatif. Persen bergantung pada ukuran font induknya. EM relatif terhadap ukuran font saat ini dari elemen (2em berarti 2 kali ukuran font saat ini). Jadi, Jika ukuran font body adalah 16 piksel, maka 150% akan menjadi 24 piksel (1,5 * 16), dan 2em akan menjadi 32 piksel (16 * 2).
