Omvandlare px till rem: px, rem, pt, em, mm
Senast uppdaterad:
rem mäts mot den här storleken. Det gör em och % också här; i CSS följer de det överordnade elementet, så de motsvarar rem bara där inget överordnat element ändrar teckenstorleken.
1 px = 0,0625 remAlla resultat
Snabbtabell: Pixel → rem (root em)
| Värde (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 och pt
CSS sätter 1 tum till 96 px, så 1 pt, som är 1/72 tum, motsvarar 1,333 px och 1 mm motsvarar 3,78 px. rem och em är relativa: 1 rem är rotelementets teckenstorlek, 16 px i alla större webbläsare om besökaren inte ändrar den, så 24 px är 1,5 rem. Om en stilmall anger en annan rotstorlek, skriv in den som bas ovanför fälten. em följer teckenstorleken hos det överordnade elementet, så det motsvarar rem bara där inget överordnat element ändrar den.
Vanliga text- och elementstorlekar
Vid standardbasen 16 px. CSS sätter 1 tum till 96 px, så kolumnerna pt och mm gäller vid vilken bas som helst; bara kolumnen rem ändras med den.
| Storlek | rem | pt | mm |
|---|---|---|---|
| Text på 10 pt (fotnoter) | 0,8333 | 10 | 3,528 |
| Webbläsarens standardstorlek för text | 1 | 12 | 4,233 |
| Text på 12 pt i ett ordbehandlingsprogram | 1 | 12 | 4,233 |
| Standardrubrik h2 | 1,5 | 18 | 6,35 |
| Minsta målstorlek i WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Standardrubrik h1 | 2 | 24 | 8,467 |
| 1 centimeter | 2,362 | 28,35 | 10 |
| 1 tum | 6 | 72 | 25,4 |
Den typografiska punktens och pixelns historia
Text mättes i punkter långt före skärmarna: typgjutarna behövde en enda enhet för att gjuta bokstäver som passar ihop. Datorerna fastställde punkten till 1/72 tum.
- Pierre-Simon Fournier publicerade en tabell över typstorlekar mätta i typografiska punkter: dess skala delade tummen i 12 linjer och varje linje i 6 punkter.
- Sammanslutningen av amerikanska typgjutare (Type Founders' Association of the United States) antog ett punktsystem för typkroppar, där en nonpareil är 6 punkter och en pica 12.
- Adobe lanserade PostScript, vars längdenhet på sidan är 1/72 tum: med Adobes ord ungefär detsamma som den punkt som används i tryckning.
- CSS 2.1 blev en W3C-rekommendation. Den sätter 1 tum till 96 px och 72 pt, så 1 px är 0,75 pt, och grundar pixeln på en punkt på en skärm med 96 dpi sedd på en armlängds avstånd.
Källor: