PX-zu-REM-Konverter mit 10px-Basis
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
Auf dieser Seite wird der Konverter mit der auf 10 Pixel voreingestellten Basisschriftgröße geöffnet. Das ist das klassische HTML-Setup {font-size: 62,5 % }: 62,5 % des 16-Pixel-Browsers sind standardmäßig genau 10 Pixel groß, sodass REM-Werte problemlos lesbar werden – 14 Pixel sind 1,4 Rem, 18 Pixel sind 1,8 Rem, 24 Pixel sind 2,4 Rem.
Die Teams übernehmen genau die 10-Pixel-Basis, um unangenehme Sechzehntel zu vermeiden: Anstatt sich daran zu erinnern, dass 14 Pixel 0,875 rem sind, verschieben Sie einfach den Dezimalpunkt. Da der Trick einen Prozentsatz anstelle eines festen Pixelwerts verwendet, berücksichtigt er dennoch die Schriftgröße, die ein Benutzer in den Browsereinstellungen festlegt, was in erster Linie das gesamte Barrierefreiheitsargument für rem-Einheiten ist.
Geben Sie einen beliebigen Pixelwert ein, um dessen rem-Äquivalent an der 10-Pixel-Basis zusammen mit einer kopierfertigen CSS-Zeile zu erhalten, und überprüfen Sie die Referenztabelle unten für die gesamte bereits konvertierte Skala von 1 bis 64 Pixel. Wenn Ihr Projekt eine andere Root-Größe verwendet, ändern Sie das Basisfeld und alles folgt live.