Apfelkuh - think <div>erent

Statt der Maßeinheit “px” gibt es im Webdesign zudem die Größe “em”. Em entspricht der Größe eines Gevierts(—), also der Schriftgröße. Diese ist entscheidend für das sogenannte “barrierefreie Webdesign”

Wenn der User nun mit Strg+ “+” oder dem Mausrad die Schriftgröße einstellt, so vergrößert sich alles, was mit “em” skaliert wurde proportional mit, was dafür sorgt, dass das Layout trotz großer Schriftgrößen der Clientseite richtig angezeigt wird

Da üblicherweise die Standard-Schriftgröße 12 pixel beträgt, ist es zuweil recht schwierig damit wirklich zu rechnen (50px wären in em angegeben dann 4.1666…em );

Um sich das rechnen zu ersparen gibt es einen einfachen Trick: Die Schriftgröße des gesamten Dokuments auf 10 Pixel (oder auch 62.5%) setzen. Somit beträgt das Geviert — oder auch m-dash oder em — nun 10 pixel und unsere 50px können als 5&rhinsp;em formatiert werden.