PX in REM Umrechner
Der Browser-Standard ist 16px.
Was ist PX in REM Umrechner
Ein px-in-rem-Umrechner übersetzt eine CSS-Größe zwischen Pixeln und rem-Einheiten. Ein rem entspricht der Basis-Schriftgröße der Seite, die Browser standardmäßig auf 16px setzen, also sind 16px gleich 1rem und 24px gleich 1,5rem. Tippe in eines der Felder einen Wert ein und das andere aktualisiert sich sofort. Ändere das Feld der Basis-Schriftgröße, wenn dein Projekt eine andere Basis nutzt (ein verbreiteter Trick ist, die Basis auf 62,5% zu setzen, damit 10px gleich 1rem sind).
Verwendung
- Lege die Basis-Schriftgröße fest, wenn dein Projekt vom 16px-Standard abweicht.
- Tippe einen Pixelwert in das Feld Pixel, um das rem-Äquivalent zu sehen.
- Oder tippe einen rem-Wert in das Feld REM, um das Pixel-Äquivalent zu sehen.
- Kopiere jedes Ergebnis mit dem Kopieren-Symbol neben dem Feld.
- Klicke auf Löschen, um die Felder zurückzusetzen und neu zu starten.
Wann ist es nützlich?
Du baust ein responsives Layout und brauchst deine 24px-Überschrift in rem? Tippe 24 ein und du erhältst 1,5rem, fertig zum Einfügen in dein Stylesheet. Ein Design von festen Pixeln auf skalierbare rem umzustellen hält Schrift und Abstände im Takt mit der Browser-Einstellung des Lesers, sodass jemand, der seine Standard-Schriftgröße erhöht, das ganze Layout mitwachsen sieht, statt auf deinen Pixelwerten festzustecken.
Häufig gestellte Fragen
Wie rechne ich px in rem um?
Teile den Pixelwert durch die Basis-Schriftgröße. Mit der Standardbasis von 16px sind 24px gleich 24 / 16 = 1,5rem und 8px gleich 8 / 16 = 0,5rem. Für den umgekehrten Weg multiplizierst du den rem-Wert mit der Basis-Schriftgröße: 1,25rem bei einer 16px-Basis sind 1,25 * 16 = 20px.
Was ist die Standard-Basis-Schriftgröße?
Browser verwenden 16px als Standard-Basis-Schriftgröße, deshalb startet dieses Tool dort. Wenn dein CSS die font-size des html-Elements ändert (zum Beispiel auf 62,5%, was die Basis auf 10px setzt), aktualisiere das Feld der Basis-Schriftgröße, damit die Umrechnung zu deinem Projekt passt.
Warum rem statt px in CSS verwenden?
rem-Einheiten skalieren mit der Basis-Schriftgröße, die die im Browser gewählte Größe des Lesers berücksichtigt. Schrift, Ränder und Abstände in rem zu setzen lässt das ganze Layout mit dieser Einstellung wachsen oder schrumpfen, was für die Barrierefreiheit besser ist als feste Pixel.
Kann ich dieses Tool mit vorausgefüllten Eingaben teilen?
Ja. Die URL aktualisiert sich während du tippst. Kopiere den Link aus der Adressleiste oder klicke auf Teilen, wer den Link öffnet, sieht deine Eingaben bereits ausgefüllt.
Ähnliche Werkzeuge
Seitenverhältnis-Rechner
Berechne das Seitenverhältnis, finde die fehlende Breite oder Höhe und skaliere Bilder und Videos unter Beibehaltung der Proportionen. Kostenlos.
Base64-Decoder
Dekodiere Base64-Strings sofort zu Klartext im Browser. Unterstützt vollständige Unicode-Ausgabe mit Emojis. Kostenloser Base64-Decoder.
Base64-Encoder
Kodiere Text in Sekunden zu Base64 im Browser. Unterstützt Unicode, Emojis und Sonderzeichen. Kostenloser Online-Base64-Encoder.