PX zu REM Konverter
Konvertieren Sie zwischen CSS-Pixel (px) und rem-Einheiten mit anpassbarer Basisschriftgröße. Enthält eine Schnelltabelle von 1px bis 32px. Unverzichtbar für responsives Webdesign.
Parameter
Der zu konvertierende numerische Wert.
Die Stammschriftgröße in Pixel (Standardbrowser ist 16 Pixel)
Wählen Sie px-zu-rem oder rem-zu-px.
Ergebnisse
16px = 1rem (at 16px base)
Weitere Ergebnisse (2)
font-size: 1rem; /* 16px */
Gebrauchsfertige CSS-Deklaration
px | rem ---|--- 1 | 0.0625 2 | 0.1250 3 | 0.1875 4 | 0.2500 5 | 0.3125 6 | 0.3750 7 | 0.4375 8 | 0.5000 9 | 0.5625 10 | 0.6250 11 | 0.6875 12 | 0.7500 13 | 0.8125 14 | 0.8750 15 | 0.9375 16 | 1.0000 17 | 1.0625 18 | 1.1250 19 | 1.1875 20 | 1.2500 21 | 1.3125 22 | 1.3750 23 | 1.4375 24 | 1.5000 25 | 1.5625 26 | 1.6250 27 | 1.6875 28 | 1.7500 29 | 1.8125 30 | 1.8750 31 | 1.9375 32 | 2.0000
Reference table: pixels to rem at 16px base
Warum PX zu REM Konverter wählen
Der Px to Rem Converter konvertiert sofort zwischen Pixel- und REM-CSS-Einheiten für responsives Webdesign. Geben Sie einen beliebigen Wert und eine Basisschriftgröße ein und erhalten Sie das konvertierte Ergebnis zusammen mit einem gebrauchsfertigen CSS-Code-Snippet und einer Kurzreferenztabelle.
- ✓Konvertiert px in rem und rem in px mit jeder Basisschriftgröße
- ✓Erzeugt kopierfertige CSS-Codefragmente
- ✓Enthält eine Kurzreferenztabelle von 1px bis 32px
- ✓Unterstützt Bruchwerte für präzise Konvertierungen
Anleitung
- 1Geben Sie den Wert ein, den Sie umrechnen möchten
- 2Legen Sie die Basisschriftgröße fest (Standard ist 16 Pixel, Standard des Browsers).
- 3Wählen Sie die Konvertierungsrichtung: px zu rem oder rem zu px
- 4Sehen Sie sich den konvertierten Wert und das CSS-Code-Snippet an
- 5Verwenden Sie die Referenztabelle, um schnell nach gängigen Umrechnungen zu suchen
Häufig gestellte Fragen (FAQ)
Was ist eine rem-Einheit in CSS?
Ein rem (root em) ist eine CSS-Einheit relativ zur Schriftgröße des Root-Elements (html). Im Gegensatz zu em, das relativ zum übergeordneten Element ist, bezieht sich rem immer auf denselben Basiswert, wodurch die Größenbestimmung über verschachtelte Elemente hinweg besser vorhersehbar ist.
Warum sollte ich rem anstelle von px verwenden?
Durch die Verwendung von rem kann Ihr Design proportional skaliert werden, wenn Benutzer die Schriftgröße ihres Browsers aus Gründen der Barrierefreiheit ändern. Pixel sind absolute Einheiten, die nicht auf Benutzereinstellungen reagieren, während rem die Grundeinstellung für die Schriftgröße berücksichtigt.
Was ist die Standardschriftgröße in Browsern?
All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.
Wie konvertiere ich 24px in rem?
To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.
Kann ich die Grundschriftgröße für mein Projekt ändern?
Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.
Autoritative Referenzen & Quellen
CSS Values and Units - MDN Web Docs
Quelle anzeigenrem - CSS: Cascading Style Sheets | MDN
Quelle anzeigenThe Battle Between px and rem
Quelle anzeigenÄhnliche Tools
Entdecken Sie weitere nützliche Werkzeuge für dieses Aufgabengebiet.