PX na EM- omskakeling
PX na EM-omskakelaar
- Stel 'n verstek lettergrootte (gewoonlik 16px)
- Skakel dan 'n pixelwaarde om na em, gebaseer op die verstekgrootte
- Of skakel 'n em-waarde om na pixels, gebaseer op die verstekgrootte
Stel 'n verstek lettergrootte:
pxSkakel PX om na EM:
px
Skakel EM om na PX:
in
Resultaat:
Liggaam Lettertipe Grootte
In die tabel hieronder, kies 'n liggaamslettergrootte in piksels (px) om 'n volledige "px na em en persent" omskakelingstabel te vertoon.
Wenk: Die versteklettergrootte is gewoonlik 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% |
Wat is die verskil tussen PX, EM en Percent?
Pixel is 'n statiese meting, terwyl persentasie en EM relatiewe metings is. Persentasie hang af van sy ouerlettertipegrootte. EM is relatief tot die huidige lettergrootte van die element (2em beteken 2 keer die grootte van die huidige lettertipe). Dus, as die lettergrootte van die liggaam 16 pixels is, sal 150% 24 pixels (1,5 * 16) wees en 2em sal 32 pixels (16 * 2) wees. Kyk na CSS-eenhede vir meer metingseenhede.