blog.bartlweb - a technologist's external brain

emHack – 1em auf 10 Pixel setzen

MIt Hilfe des emHacks ist es möglich die relative Größeneinheit em sinnvoll und vereinfacht zu nutzen, da dieser 1em immer auf 10px anstatt 16px setzt und damit die Umrechnung erheblich leichter wird.

Der Hack sollte als erste CSS-Definition eingefügt werden:

/* em Hack */
* { font-size:1em; }
html { font-size:62.5%; }
body { font-size:1em;}

Achtung: im InternetExplorer stimmt die Umrechnung nur für kleinere Werte, bei größeren Werte (>100px) werden die Angaben auf Grund von Rundungsfehlern nicht exakt in Pixel umgerechnet. Dies ist ein Allgemein bekanntes Problem und tritt auch bei Prozentangaben auf.

Dieser Artikel hat dir deinen Tag gerettet?
... und mühevolles Probieren, Recherchieren und damit Stunden an Zeit gespart? ... oder einfach nur dein Problem gelöst?

Dann würde ich mich freuen, wenn Du meine Zeit für die Erstellung dieses Blogartikels mit einer kleinen Spende honorierst:

Kommentare

Noch kein Kommentar vorhanden.
Sei der Erste - ich freue mich über deine Anmerkungen, Kritik und Fragen.

Kommentar schreiben

Deine E-Mailadresse wird nur für Benachrichtigungen und Rückfragen verwendet und wird nicht veröffentlicht.

Benachrichtigungen können jederzeit wieder abbestellt werden.

Bitte tippe die Zahlenkombination "2260" ein, nur dann kann ich deinen Kommentar entgegennehmen.

Bitte fülle dieses Feld nicht aus, nur dann kann ich deinen Kommentar entgegennehmen.