Prevod px na rem: px, rem, pt, em, mm
Posledná aktualizácia:
Od tejto veľkosti sa počíta rem a tu aj em a %. V CSS sa em a % riadia nadradeným prvkom, takže sa rovnajú rem len tam, kde žiadny nadradený prvok veľkosť písma nemení.
1 px = 0,0625 remVšetky výsledky
Rýchla tabuľka: Pixel → Root em
| Hodnota (px) | Výsledok (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 určuje, že 1 palec má 96 px, takže 1 pt, teda 1/72 palca, zodpovedá 1,333 px a 1 mm zodpovedá 3,78 px. rem a em sú relatívne jednotky: 1 rem je veľkosť písma koreňového prvku, vo všetkých bežných prehliadačoch 16 px, ak ju návštevník nezmení, takže 24 px je 1,5 rem. Ak šablóna štýlov nastavuje inú koreňovú veľkosť, zadajte ju ako základ nad políčkami. em sa riadi veľkosťou písma nadradeného prvku, takže sa rovná rem len tam, kde ju žiadny nadradený prvok nemení.
Bežné veľkosti textu a prvkov
Pri predvolenom základe 16 px. CSS určuje, že 1 palec má 96 px, takže stĺpce pt a mm platia pri ľubovoľnom základe; mení sa iba stĺpec rem.
| Veľkosť | rem | pt | mm |
|---|---|---|---|
| Text 10 pt (poznámky pod čiarou) | 0,8333 | 10 | 3,528 |
| Predvolená veľkosť textu v prehliadači | 1 | 12 | 4,233 |
| Text 12 pt v textovom editore | 1 | 12 | 4,233 |
| Predvolený nadpis h2 | 1,5 | 18 | 6,35 |
| Najmenšia veľkosť cieľa podľa WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Predvolený nadpis h1 | 2 | 24 | 8,467 |
| 1 centimeter | 2,362 | 28,35 | 10 |
| 1 palec | 6 | 72 | 25,4 |
História bodu a pixela
Písmo sa meralo v bodoch dávno pred obrazovkami: zlievači písma potrebovali spoločnú jednotku, aby odliate litery do seba zapadali. Počítače ustálili bod na 1/72 palca.
- Pierre-Simon Fournier vydal tabuľku veľkostí písma meraných v typografických bodoch: jej stupnica delila palec na 12 liniek a každú linku na 6 bodov.
- Združenie zlievačov písma Spojených štátov amerických prijalo bodový systém pre stupne písma, v ktorom má nonpareille 6 bodov a pica 12.
- Firma Adobe uviedla PostScript, ktorého jednotkou dĺžky na strane je 1/72 palca: podľa Adobe približne to isté ako bod používaný v tlači.
- CSS 2.1 sa stalo odporúčaním W3C. Určuje, že 1 palec má 96 px a 72 pt, takže 1 px je 0,75 pt, a pixel viaže na jeden bod obrazovky s 96 dpi, na ktorú sa pozeráme zo vzdialenosti natiahnutej ruky.
Zdroje: