Převod px na rem: px, rem, pt, em, mm
Poslední aktualizace:
rem se počítá z této velikosti a tady také em a %. V CSS se em a % řídí nadřazeným prvkem, takže se rem rovnají jen tam, kde žádný nadřazený prvek velikost písma nemění.
1 px = 0,0625 remVšechny výsledky
Rychlá tabulka: Pixel → Root em
| Hodnota (px) | Výsledek (rem) |
|---|---|
| 1 px | 0,0625 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
O px, rem a pt
CSS stanoví, že 1 palec má 96 px, takže 1 pt, tedy 1/72 palce, odpovídá 1,333 px a 1 mm odpovídá 3,78 px. rem a em jsou relativní jednotky: 1 rem je velikost písma kořenového prvku, ve všech běžných prohlížečích 16 px, pokud ji návštěvník nezmění, takže 24 px je 1,5 rem. Pokud šablona stylů nastavuje jinou kořenovou velikost, zadejte ji jako základ nad políčky. em se řídí velikostí písma nadřazeného prvku, takže se rovná rem jen tam, kde ji žádný nadřazený prvek nemění.
Běžné velikosti textu a prvků
Při výchozím základu 16 px. CSS stanoví, že 1 palec má 96 px, takže sloupce pt a mm platí při libovolném základu; mění se jen sloupec rem.
| Velikost | rem | pt | mm |
|---|---|---|---|
| Text 10 pt (poznámky pod čarou) | 0,8333 | 10 | 3,528 |
| Výchozí velikost textu v prohlížeči | 1 | 12 | 4,233 |
| Text 12 pt v textovém editoru | 1 | 12 | 4,233 |
| Výchozí nadpis h2 | 1,5 | 18 | 6,35 |
| Nejmenší velikost cíle podle WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Výchozí nadpis h1 | 2 | 24 | 8,467 |
| 1 centimetr | 2,362 | 28,35 | 10 |
| 1 palec | 6 | 72 | 25,4 |
Historie bodu a pixelu
Písmo se měřilo v bodech dlouho před obrazovkami: slévači písma potřebovali jednu jednotku, aby odlité litery do sebe zapadaly. Počítače ustálily bod na 1/72 palce.
- Pierre-Simon Fournier vydal tabulku velikostí písma měřených v typografických bodech: její stupnice dělila palec na 12 linek a každou linku na 6 bodů.
- Sdružení slévačů písma Spojených států amerických přijalo bodový systém pro stupně písma, v němž má nonpareille 6 bodů a pica 12.
- Firma Adobe uvedla PostScript, jehož jednotkou délky na stránce je 1/72 palce: podle Adobe zhruba totéž co bod používaný v tisku.
- CSS 2.1 se stalo doporučením W3C. Stanoví, že 1 palec má 96 px a 72 pt, takže 1 px je 0,75 pt, a pixel vztahuje k jednomu bodu obrazovky s 96 dpi, kterou vidíme na délku paže.
Zdroje: