Omregn px til rem: px, rem, pt, em, mm
Sidst opdateret:
rem regnes ud fra denne størrelse, og her gør em og % det også. I CSS følger de det overordnede element, så de svarer kun til rem, hvor intet overordnet element ændrer skriftstørrelsen.
1 px = 0,0625 remAlle resultater
Hurtig referencetabel: Pixel → rem (root em)
| Værdi (px) | Resultat (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 |
Om px, rem og pt
CSS fastsætter 1 tomme til 96 px, så 1 pt, som er 1/72 tomme, svarer til 1,333 px, og 1 mm svarer til 3,78 px. rem og em er relative: 1 rem er rodelementets skriftstørrelse, 16 px i alle større browsere, medmindre den besøgende ændrer den, så 24 px er 1,5 rem. Hvis et stylesheet angiver en anden rodstørrelse, skal du indtaste den som basis over felterne. em følger skriftstørrelsen på det overordnede element, så den svarer kun til rem, hvor intet overordnet element ændrer den.
Almindelige tekst- og elementstørrelser
Ved standardbasen på 16 px. CSS fastsætter 1 tomme til 96 px, så kolonnerne pt og mm gælder ved enhver basis; kun kolonnen rem ændrer sig med den.
| Størrelse | rem | pt | mm |
|---|---|---|---|
| Tekst på 10 pt (fodnoter) | 0,8333 | 10 | 3,528 |
| Browserens standardtekststørrelse | 1 | 12 | 4,233 |
| Tekst på 12 pt i et tekstbehandlingsprogram | 1 | 12 | 4,233 |
| Standardoverskrift h2 | 1,5 | 18 | 6,35 |
| Mindste målstørrelse i WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Standardoverskrift h1 | 2 | 24 | 8,467 |
| 1 centimeter | 2,362 | 28,35 | 10 |
| 1 tomme | 6 | 72 | 25,4 |
Punktets og pixelens historie
Skrift blev målt i punkter længe før skærme: skriftstøberne havde brug for én enhed til at støbe bogstaver, der passer sammen. Computerne fastlagde punktet til 1/72 tomme.
- Pierre-Simon Fournier udgav en tabel over skriftstørrelser målt i typografiske punkter: dens skala delte tommen i 12 linjer og hver linje i 6 punkter.
- De amerikanske skriftstøberes forening (Type Founders' Association of the United States) indførte et punktsystem for skriftstørrelser, hvor en nonpareil er 6 punkter og en pica 12.
- Adobe introducerede PostScript, hvis længdeenhed på siden er 1/72 tomme: med Adobes ord omtrent det samme som det punkt, der bruges i trykning.
- CSS 2.1 blev en W3C-anbefaling. Den fastsætter 1 tomme til 96 px og 72 pt, så 1 px er 0,75 pt, og baserer pixelen på én prik på en skærm med 96 dpi set på en armslængdes afstand.
Kilder: