Kategorie: Entwicklung
CSS-Einheiten-Umrechner
px, rem, em, %, vw und vh umrechnen
Geben Sie einen Wert in px, rem, em, Prozent, vw oder vh ein, dazu die Basis-Schriftgröße, den Viewport und den Container, auf den er sich bezieht, und erhalten Sie dieselbe Länge in allen anderen Einheiten.
Die Umrechnung erfolgt auf der Seite aus den eingegebenen Zahlen. Es wird nichts irgendwohin gesendet.
Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.
Wozu dieses Werkzeug dient
Ein Pixelwert wird überall gleich in rem umgerechnet, Prozent, vw und vh dagegen nicht: Sie hängen von einer Containergröße oder einem Viewport ab, der von Seite zu Seite wechselt. Dieses Werkzeug fragt diesen Kontext vorab ab, sodass die zurückgegebenen Zahlen die sind, die tatsächlich gerendert würden, statt einer allgemeinen Schätzung mit 16px als Wurzelgröße. rem und em werden hier gleich behandelt, beide skaliert von der eingegebenen Basis-Schriftgröße, da es ohne echtes Elternelement auf der Seite keine eigene Elterngröße gibt, an der man sie unterscheiden könnte. Ändern Sie die Basis-Schriftgröße, um zu sehen, wie eine vergrößerte Textgröße bei einem Besucher alle rem- und em-Werte gleichzeitig verschiebt.
So funktioniert es
- Geben Sie den Wert ein und wählen Sie die Ausgangseinheit.
- Legen Sie Basis-Schriftgröße, Viewport-Breite und -Höhe sowie die zugehörige Containergröße fest.
- Lesen Sie dieselbe Länge, umgerechnet in alle anderen Einheiten.
Datenschutz
Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.
Häufig gestellte Fragen
- Warum ergeben rem und em dasselbe Ergebnis?
- Beide skalieren von einer Basis-Schriftgröße aus. rem verwendet immer die Größe der Wurzel und em die des Elternelements, aber dieses Werkzeug hat keine echte Seite, von der es eine tatsächliche Elterngröße ablesen könnte, deshalb verwendet es die eingegebene Basisgröße für beide.
- Wofür wird die Containergröße verwendet?
- Sie ist die Bezugsgröße für Prozent: Ein Prozentwert ergibt nur im Verhältnis zu etwas Sinn, und hier ist das die eingegebene Containergröße.
- Wird etwas an einen Server gesendet?
- Nein. Die Umrechnung wird auf der Seite aus den eingegebenen Zahlen berechnet.