vs Chart Tips Calculator Colors Flufo

Tips.Tobani.com
Eine Sammlung von Tipps & Tricks

Programmieren, CSS, UmrechnenPixel in EM umrechnen

Wenn man für CSS-Angaben Pixel in EM umrechnen will, geht dies nur relativ zur umgebenen Schriftgröße. Die Standardschriftgröße in allen gängigen Browsern ist 16 Pixel. 1 / 16 = 0,0625. Mit diesem Umrechnungsfaktor lässt sich nun jeder Wert errechnen:

 PX            EM
  1          = 0,0625
 12 * 0,0625 = 0,75  
 48 * 0,0625 = 3 
250 * 0,0625 = 15,625

Mit unserem Pixel zu EM Umrechner geht dieses Konvertieren schnell und einfach.

Segen und Fluch dieser relativen Größenangaben ist, das sie von der Schriftgröße in der Browsereinstellung und von den umgebenen Elementen abhängt. Dies ermöglicht Layouts, dessen Größe sich an der Browsereinstellung orientiert. Gleichzeitig verhindert es aber auch, das ich mich auf meinen umgerechneten Wert verlassen kann.

Wenn ein Benutzer also eine andere Standardschriftgröße als 16 Pixel verwendet, stimmt der Umrechnungsfaktor von 0,0625 nicht mehr.

Diese Umrechnung liefert somit nur einen Richtwert, der unter Standardbedingungen zu erwarten ist.
Trotzdem macht die Umrechnung Sinn, denn irgendeinen Wert braucht man ja zur Orientierung.

Gerade für Größenangaben von Grafiken ist dies sehr nützlich, damit sie in möglichst vielen Fällen in ihrer Originalauflösung angezeigt werden.

Der Umrechnungsfaktor stimmt ebenfalls nicht, wenn ein EM-Wert in einem Element wie H1 steht, das eine veränderter Schriftgröße hat. Dies kann der Programmierer ja aber selbst beeinflussen.


Tobani.com About Impressum