Font-Size Vereinfachung der Handhabung

[Gunther]

@@all:

nuqneH

Weil man Breakpoints nicht nach Geräten, sondern nach dem Inhalt setzen sollte. Also am besten relativ zur Basisschriftgröße. Da die Zuordnung Basisschriftgröße 1em ≙ 16px zwar weit verbreitet, aber nicht gottgegeben* ist, also in em (was hier gleich rem ist).

Ich verwende folgende Einstellungen, die einem das Leben bei der Verwendung von 'rem' etwas einfacher machen:

html {font-size: 62.5%;}  
body {font-size: 160%; font-size: 1.6rem;}  

Nun kann man sich seine (Schrift)Größenrelationen in Pixeln "denken" (auf Basis der Standardschriftgröße von ~16px) - der jeweilige REM-Wert ist dann der "gedachte" Pixelwert / 10.
Und trotzdem bleibt alles "relativ", auch und insbesondere zu der vom User eingestellten Basisschriftgröße.

Gruß Gunther