lab111

Elastisch sein — Em verwenden

Geschrieben am 6. Juni 2008, Keine KommentareKeine Kommentare

Pixel zu em umwandlung

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

Kommentar schreiben

Es sind noch keine Kommentare vorhanden.

Sag was

Markdown: **fett**, *kursiv*, `code`

Kategorien

↑ Beam mich nach oben