Default browser is 16px. Many designs use 10px ("62.5%") for easy math.
em is relative to its parent; rem is relative to the root.
Converted size
—
Preview:
The quick brown fox jumps over the lazy dog.
| Unit | Value | CSS |
|---|
Comment fonctionne le calcul
1 pt = 1.3333 px at 96 DPI (CSS standard). 1 rem = base px. 1 em = parent px. 100% = parent px. All conversions route through pixels first.
Use rem for accessible body text (respects user zoom), em for component-scoped sizing, px for fixed UI chrome.