PX'ten EM'ye Dönüştürme
PX'den EM'ye Dönüştürücü
- Varsayılan bir yazı tipi boyutu belirleyin (genellikle 16 piksel)
- Ardından, varsayılan boyuta göre bir piksel değerini em'e dönüştürün
- Veya varsayılan boyuta göre bir em değerini piksellere dönüştürün
Varsayılan bir yazı tipi boyutu belirleyin:
pikselPX'i EM'ye dönüştürün:
piksel
EM'yi PX'e dönüştürün:
içinde
Sonuç:
Gövde Yazı Tipi Boyutu
Aşağıdaki tabloda, tam bir "px'den em'e ve yüzde" dönüşüm tablosunu görüntülemek için piksel (px) cinsinden bir gövde yazı tipi boyutu seçin.
İpucu: Varsayılan yazı tipi boyutu genellikle 16 pikseldir.
| 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% |
PX, EM ve Yüzde arasındaki fark nedir?
Piksel statik bir ölçümdür, yüzde ve EM ise göreceli ölçümlerdir. Yüzde, ana yazı tipi boyutuna bağlıdır. EM, öğenin geçerli yazı tipi boyutuna göredir (2em, geçerli yazı tipinin boyutunun 2 katı anlamına gelir). Yani, gövdenin yazı tipi boyutu 16 piksel ise, %150'si 24 piksel (1,5 * 16) ve 2em 32 piksel (16 * 2) olacaktır. Daha fazla ölçü birimi için CSS Birimlerine bakın .