PX til REM-konverter med 10px base
Konverter px til rem, rem til px og px til em ved en hvilken som helst grunnskriftstørrelse, med en kopiklar CSS-linje og en levende referansetabell.
Resultat
Denne siden åpner konverteren med grunnskriftstørrelsen forhåndsinnstilt til 10px. Det er det klassiske html-oppsettet { font-size: 62.5% }: 62.5% av 16px-nettleserens standard er nøyaktig 10px, så rem-verdier blir trivielt lesbare - 14px er 1.4rem, 18px er 1.8rem, 24px er 2.4rem.
Lag bruker 10px-basen nøyaktig for å unngå vanskelige sekstendedeler: i stedet for å huske at 14px er 0,875rem, flytter du bare desimaltegnet. Fordi trikset bruker en prosentandel i stedet for en fast pikselverdi, respekterer det fortsatt skriftstørrelsen en bruker angir i nettleserpreferansene, som er hele tilgjengelighetsargumentet for rem-enheter i utgangspunktet.
Skriv inn en hvilken som helst pikselverdi for å få rem-ekvivalenten ved 10px-basen sammen med en kopiklar CSS-linje, og sjekk referansetabellen nedenfor for hele 1–64 px-skalaen som allerede er konvertert. Hvis prosjektet ditt bruker en annen rotstørrelse, endrer du grunnfeltet og alt følger live.