Probleme mit em von Gunnar Bittersmann, 20.07.2016 09:25

Probleme mit em

@@marctrix

Dein CSS erzeugt einen 3em hohen Kasten, davon gehen oben und unten je 1em ab für den Innenabstand. Bleibt 1em übrig.

Wenn nirgends box-sizing: border-box im Spiel ist, ist das nicht der Fall. Es sei denn, du verwendest einen IE im Quirks-Modus.

Auch eine Zeilenhöhe von 1em ist für 1em große Schriften noch ungegeignet,

Das kommt drauf an. Für Überschriften, Buttonbeschriftungen u.ä. könnte eine Zeilenhöhe von 1(em) durchaus passend sein.

Im allgemeinen gibt man eine Zeilenhöhe mit, die ungefähr der eineinahlbfachen Schriftgröße entspricht.

Ungefähr. Im Allgemeinen dürfte 1.5 etwas zu groß sein. Eher so 1.3 bis 1.4 – abhängig von Schriftart und Zeilenlänge.

LLAP 🖖

--
“There’s no such thing as an ‘average’ user, but there is such a thing as an average developer.” —Vitaly Friedman in Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|