CSS-Einheiten·31px
31px =
1.9375rem
23.25pt

31 px in rem — 1.9375 rem, 23.25 pt

31 px sind 1.9375 rem und 23.25 pt — 0.32292 Zoll, 8.202 mm und 193.75 % der Wurzelschriftgröße.

rem (Basis 16 px)
1.9375rem
pt (Punkt)
23.25pt
pc (Pica)
1.9375pc
Prozent der Basis
193.75%
Zoll
0.32292in
Millimeter
8.202mm
Zentimeter
0.8202cm

Warum rem durch 16 teilt

Weil Browser die Wurzelschriftgröße auf 16 px setzen und rem ein Vielfaches davon ist. Vergrößert jemand die Schrift im Browser, wächst nur, was in rem steht — alles in px Festgenagelte bleibt.

Größen daneben

pxrem (Basis 16 px)pt (Punkt)
28px1.75rem21pt
29px1.8125rem21.75pt
30px1.875rem22.5pt
31px1.9375rem23.25pt
32px2rem24pt
33px2.0625rem24.75pt
34px2.125rem25.5pt

Am Bildschirm sind pt und Zoll ebenfalls Pixel

CSS legt ein Zoll auf 96 px und einen Punkt auf 1/72 Zoll fest. Deshalb sind 16 px genau 12 pt — hält man aber ein Lineal an den Bildschirm, misst dieses „Zoll“ kein Zoll.

Die häufigsten Größen

Fließtext bei 16, kleine Schrift bei 14, Abstände von 8, 24 und 32 — die Werte, die immer wiederkehren.

So liest man das

  • rem = px ÷ 16, denn Browser setzen die Wurzelschriftgröße auf 16 px.
  • pt = px × 0,75, da CSS ein Zoll auf 96 px und einen Punkt auf 1/72 Zoll festlegt.
  • Ein pc sind 12 pt, ein Zoll sind 96 px und zugleich 72 pt.
  • Für Text und Abstände rem nehmen; px bleibt für Haarlinien wie Rahmen.

Häufige Fragen

Q. Wie viele rem sind 31 px?

1.9375 rem — also 31 geteilt durch 16.

Q. Wie viele Punkt sind 31 px?

23.25 pt. Ein Punkt ist 1/72 Zoll, ein Zoll 96 px, man multipliziert also mit 0,75.

Q. Welche Länge ist das?

0.32292 Zoll beziehungsweise 8.202 mm — ein Lineal am Bildschirm sieht das allerdings anders.

Q. Und in Prozent?

193.75 % der Wurzelschriftgröße.