Elastisch sein — Em verwenden

Wieso em? Und wie? Mit dieser schönen Formel, die Jon Tan auf diesem Artikel veröffentlicht hat geht das einfach:
Schriftgröße in `em` =
1em / Schriftgröße vom Elternelement in `px` * Schriftgröße in `px`
Also angenommen, man will wissen, wie groß 770px in em ist, und die Schriftgröße des Elternelements auf 16px eingestellt ist, muss man Folgendes rechnen, um die em Größe herauszufinden (die em Größe sei x):
x = 1em / 16px * 770px
Die px kürzen sich und heraus kommt x = 48,125em.
Auf dieser Webseite gibt es sogar eine Umwandlungstabelle (, die nur von 11 bis 30 geht und nur funktioniert, wenn die Schriftgröße im Browser auf 16px gestellt ist). Sehr praktisch
.
The Incredible Em & Elastic Layouts with CSS — Jon Tan ?
Keine Kommentare
Es sind noch keine Kommentare vorhanden.