PX-zu-EM-Konverter
Konvertieren Sie px in rem, rem in px und px in em in jeder Basisschriftgröße, mit einer kopierfertigen CSS-Zeile und einer Live-Referenztabelle.
Ergebnis
Diese Seite öffnet den Konverter in der Richtung px → em. Die Arithmetik ist die gleiche Division wie für rem – Pixel geteilt durch eine Referenzschriftgröße –, aber die Referenz ist anders: em ist relativ zur Schriftgröße des übergeordneten Elements (oder, für die Schriftgröße selbst, zur geerbten Größe des Elements), nicht zum Stamm.
Dieser Unterschied ist genau dann gegeben, wenn Sie nach em greifen: Auffüllung, die mit dem eigenen Text der Komponente wachsen sollte, in em geschriebene Medienabfragen oder eine Schaltfläche, deren Abstand sich ändert, wenn sich die Schriftgröße ändert. Geben Sie die tatsächliche Schriftgröße des übergeordneten Elements in das Basisfeld ein. Wenn sich Ihre Komponente in einem 14-Pixel-Text befindet, beträgt der Abstand bei 21 Pixel 1,5 Em und nicht 1,3125 Em.
Das Ergebnis enthält eine kopierfertige CSS-Zeile und die Referenztabelle zeigt die gängigen Pixelgrößen, konvertiert in die aktuelle übergeordnete Größe. Alles wird während der Eingabe live in Ihrem Browser aktualisiert, ohne dass Daten die Seite verlassen.