Der Martin: Prozentuale font-size-Angabe - Ausgangsgröße

Beitrag lesen

Hallo,

ich frische gerade meine HTML-Kenntnisse auf.

und/oder CSS.


> <p style="font-size:200%;">Dies sind 200% von welcher Größe?</p>

Das sind 200% der Größe, die das Element an der Stelle sonst hätte. Kein fester Bezug.

1 em ist mit 16 px angegeben.

Das ist ein Näherungswert, eine Faustregel.

Als ich es jedoch mit 600% und 16 px ausgemessen habe mit dem Pixellineal, stimmte diese Rechnung nicht ganz. Ich kam auf 65 px anstatt auf 96 px. Liegt es vielleicht an der Monitoauflösung?

Vielleicht auch daran, dass du den Platz für Über- und Unterlängen nicht mitgezählt hast.

Aber generell: Vergiss am besten Schriftgrößenangaben in Pixel. Die Anzeigegeräte sind in Größe und Auflösung so unterschiedlich, die vom Benutzer eingestellte Basis-Schriftgröße kann sehr unterschiedlich sein. Mit relativen Schriftgrößen in % oder in em fährt man normalerweise besser. Flexibler.

Live long and pros healthy,
 Martin

--
Lasst uns ins Horn brechen und aufstoßen. Höchste Zeit, auf den Weg zu machen.
(mit freundlichem Dank an Tabellenkalk für die Ergänzung 😀)