PX til REM Omregner
Browserens standard er 16px.
Hvad er PX til REM Omregner
En px til rem omregner oversætter en CSS-størrelse mellem pixels og rem-enheder. Én rem svarer til sidens rod-skriftstørrelse, som browsere sætter til 16px som standard, så 16px er 1rem og 24px er 1,5rem. Skriv en værdi i et af felterne, så opdateres det andet med det samme. Ret feltet for rod-skriftstørrelse, hvis dit projekt bruger en anden base (et almindeligt trick er at sætte roden til 62,5%, så 10px bliver 1rem).
Sådan bruger du det
- Angiv rod-skriftstørrelsen, hvis dit projekt afviger fra standarden på 16px.
- Skriv en pixelværdi i feltet Pixels for at se tilsvarende i rem.
- Eller skriv en rem-værdi i feltet REM for at se tilsvarende i pixels.
- Kopiér et vilkårligt resultat med kopiér-ikonet ved siden af feltet.
- Klik på Ryd for at nulstille felterne og starte en ny omregning.
Hvornår du bør bruge det
Bygger du et responsivt layout og har brug for din overskrift på 24px i rem? Skriv 24, og du får 1,5rem, klar til at indsætte i dit stylesheet. At skifte et design fra faste pixels til skalerbare rem holder tekst og luft i takt med læserens browserindstilling, så den, der øger sin standard skriftstørrelse, ser hele layoutet vokse med i stedet for at være låst til dine pixelværdier.
Ofte stillede spørgsmål
Hvordan omregner jeg px til rem?
Divider pixelværdien med rod-skriftstørrelsen. Med standardroden på 16px er 24px lig med 24 / 16 = 1,5rem, og 8px er lig med 8 / 16 = 0,5rem. For at gå den anden vej ganger du rem-værdien med rod-skriftstørrelsen: 1,25rem ved en rod på 16px er 1,25 * 16 = 20px.
Hvad er standard rod-skriftstørrelse?
Browsere bruger 16px som standard rod-skriftstørrelse, så dette værktøj starter der. Hvis din CSS ændrer font-size på html-elementet (for eksempel til 62,5%, som gør roden 10px), skal du opdatere feltet for rod-skriftstørrelse, så omregningen passer til dit projekt.
Hvorfor bruge rem i stedet for px i CSS?
rem-enheder skalerer med rod-skriftstørrelsen, som respekterer den størrelse, en læser har valgt i sine browserindstillinger. At angive skrift, margener og udfyldning i rem lader hele layoutet vokse eller skrumpe med den indstilling, hvilket er bedre for tilgængelighed end faste pixels.
Kan jeg dele værktøjet med mine værdier udfyldt?
Ja. Webadressen opdateres automatisk, mens du skriver. Kopiér den fra adressefeltet eller brug Del-knappen, den, der åbner linket, ser præcis dine værdier klar til brug.
Relaterede værktøjer
Billedformat Beregner
Beregn billedformatet, find den manglende bredde eller højde og skift størrelse på billeder og video uden at forvrænge proportionerne. Gratis.
Base64-dekoder
Dekod Base64-strenge til almindelig tekst direkte i din browser. Understøtter fuldt Unicode-output inklusive emojis. Gratis Base64-dekoder online.
Base64-koder
Kod enhver tekst til Base64 direkte i din browser. Understøtter Unicode, emojis og specialtegn. Gratis Base64-koder online.