Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03386.jsonl.gz/1557

Einheiten für Schriftgrössen gibt es im Web einige. Zu den jüngeren zählt rem. rem heisst root em. Bei HTML ist das root-Element das <html>-Element. Wird in CSS für dieses Element keine Schriftgrösse angegeben, so wird die Browser Standard-Schriftgrösse verwendet. Das sind in der Regel 16 Pixel.
Gehen wir mal von den 16 Pixel aus, so entspricht 1rem eine Schriftgrösse von 16 Pixel. 2rem wären entsprechend 32 Pixel und so weiter. Wird die Schriftgrösse des <html>-Elements umgestellt, so ändert sich auch die Grösse des rem, immer relativ zum <html>-Element.
Pixel in rem umrechnen
Beim Umstieg auf rem fehlen einem Erfahrungswerte. Man denkt halt einfach noch in Pixel. Mit dem kostenlosen REM Calculator kannst du Pixel zu rem umrechnen.
Du gibst die Schriftgrösse des <html>-Elements in Pixel ein. Dann sagst du, welche Pixelgrössen du relativ zum <html>-Element als rem rechnen möchtest. Mit calculate die Maschine starten, fertig.
Nicht verwechseln mit em
rem ist nicht zu verwechseln mit em als Einheit für Schriftgrössen. em ist zwar auch eine relative Grösse. Sie bezieht sich jedoch immer aufs umschliessende Element und nicht auf das Root-Element. Das macht das Verhalten bei komplexen Verschachtelungen aufwändig.