PX-zu-EM-Umrechner

Was px und em bedeuten und was die Antwort enthält

Eine CSS-Längenumrechnung zwischen Pixel und em beantwortet eine eng gefasste Layoutfrage: Wie lautet bei einer Größe in einer Einheit und einer Eltern-Schriftgröße in Pixel die gleichwertige Größe in der anderen Einheit, damit Abstände, Typenskala und Komponentengrößen proportional bleiben, wenn sich die Kaskade ändert? Pixel sind absolute, geräteunabhängige Längen in CSS; em ist relativ zur berechneten Schriftgröße des Elternelements, sodass derselbe em-Wert mitskaliert, wenn sich die Eltern-Schriftgröße ändert. Kanonische IDs sind px für Pixel und em für die relative em-Einheit; alltägliche Schreibweisen wie pixel, pixels und ems werden auf diese IDs normalisiert, sodass Formulare, Query-Strings und Tabellen denselben Vertrag wiederverwenden können, ohne private Enums zu erfinden. Dieser Rechner akzeptiert einen numerischen value, eine Basis-Schriftgröße base in Pixel, eine Ausgangseinheit und eine Zieleinheit und liefert dann das umgerechnete result auf eine stabile Genauigkeit gerundet, die kanonischen Bezeichner from und to, menschenlesbare Beschriftungen, einen Zwischenwert in Pixel, eine kompakte Zeichenkette result_css wie 1.5em und eine kurze formula-Erinnerung. Es gibt keine Viewport-Berechnung, keine rem-Wurzelabfrage und keine Media-Query-Simulation: Die Engine multipliziert und dividiert entweder mit der angegebenen base innerhalb des unterstützten Größenbereichs oder lehnt die Eingabe mit invalid_input ab. Abgelehnt werden fehlendes value, base, from oder to; nicht-endliche Zahlen; Größen oberhalb der dokumentierten Obergrenze; unbekannte Einheiten-Zeichenketten; und jede base, die null oder numerisch null ist, denn em gleich px durch base würde durch null teilen. Wenn Sie rem, Prozent, Viewport-Einheiten oder eine allgemeine Umrechnung über mehrere Kategorien benötigen, verwenden Sie die dafür vorgesehenen Werkzeuge; diese Seite beantwortet ausschließlich px gegen em bei bekannter Eltern-Schriftgröße mit stabiler numerischer Ausgabe für Arbeitsblätter, Unit-Tests und API-Nutzer, die keine Faktoren erfinden dürfen.

Wie value, base und Einheiten gelesen werden und wie Ergebnisse reproduzierbar bleiben

Optionale wissenschaftliche Notation bei Zahlen-Zeichenketten ist erlaubt, wenn sie als endliche Dezimalzahl geparst wird; eingebettete Leerzeichen, Hex-Präfixe und nicht-numerische Token werden mit einer klaren Meldung abgelehnt, damit eine fehlerhafte Zelle nicht zu einer falschen Schriftgröße wird. Anfragen mit gleicher Einheit spiegeln den value nach Prüfung der base wider, was den Vertrag für Formulare einheitlich hält, die stets eine Elterngröße senden. Die bevorzugten Felder sind value für die Größe der CSS-Länge, base für die Eltern-Schriftgröße in Pixel, from für die Ausgangseinheit und to für die Zieleinheit, mit den Aliassen amount, length, n, quantity und size für value; base_px, parent, parent_font_size, font_size und root für base; unit, from_unit, source und input_unit für from; sowie target, to_unit, output_unit und into für to, damit heterogene Clients einen Vertrag teilen können. Null ist ein gültiger value und ergibt in der Zieleinheit schlicht null, doch eine base von null scheitert stets mit invalid_input, weil relative em-Umrechnung ohne eine von null verschiedene Eltern-Schriftgröße nicht definiert ist. Die Berechnung führt über Pixel: Ist from gleich em, multiplizieren Sie value mit base, um Pixel zu erhalten; ist to gleich em, teilen Sie diese Pixelgröße durch base. Kombinieren Sie den kostenlosen Browserlauf dieser Seite mit der bepreisten API, wenn Sie dasselbe mathematische Ergebnis in einer automatisierten Pipeline brauchen, ohne die Typografie-Rechnung selbst neu umzusetzen.

Wo px-em-Umrechnung in Design-Systeme, CSS und Software passt

Auf dieser Seite läuft die Arbeit vollständig in Ihrem Browser; über die API kostet jede erfolgreiche Abfrage $0.002, fehlgeschlagene Validierung wird nicht berechnet, und nach der Rückgabe der Antwort wird nichts gespeichert. Diese Aufteilung — kostenlose interaktive Erkundung und eine bepreiste, identische API — passt zum übrigen KIT-Tier-A-Katalog und lässt Sie von einer Klassenzimmer-Demo zu einer automatisierten Pipeline wechseln, ohne das mathematische Ergebnis zu ändern.