PX til REM Konvertering
Nettleserens standard er 16px.
Hva er PX til REM Konvertering
En px til rem konvertering oversetter en CSS-størrelse mellom piksler og rem-enheter. Én rem tilsvarer sidens rot-fontstørrelse, som nettlesere setter til 16px som standard, så 16px er 1rem og 24px er 1,5rem. Skriv en verdi i ett av feltene, så oppdateres det andre umiddelbart. Endre feltet for rot-fontstørrelse hvis prosjektet ditt bruker en annen base (et vanlig triks er å sette roten til 62,5% slik at 10px blir 1rem).
Slik bruker du det
- Angi rot-fontstørrelsen hvis prosjektet ditt avviker fra standarden på 16px.
- Skriv en pikselverdi i feltet Piksler for å se tilsvarende i rem.
- Eller skriv en rem-verdi i feltet REM for å se tilsvarende i piksler.
- Kopier hvilket som helst resultat med kopiikonet ved siden av feltet.
- Klikk på Tøm for å nullstille feltene og starte en ny konvertering.
Når du bør bruke det
Bygger du et responsivt oppsett og trenger overskriften din på 24px i rem? Skriv 24, og du får 1,5rem, klar til å lime inn i stilarket. Å bytte et design fra faste piksler til skalerbare rem holder tekst og luft i takt med leserens nettleserinnstilling, så den som øker sin standard fontstørrelse ser hele oppsettet vokse med, i stedet for å bli låst til pikselverdiene dine.
Ofte stilte spørsmål
Hvordan konverterer jeg px til rem?
Del pikselverdien på rot-fontstørrelsen. Med standardroten på 16px er 24px lik 24 / 16 = 1,5rem og 8px lik 8 / 16 = 0,5rem. For å gå andre veien multipliserer du rem-verdien med rot-fontstørrelsen: 1,25rem ved en rot på 16px er 1,25 * 16 = 20px.
Hva er standard rot-fontstørrelse?
Nettlesere bruker 16px som standard rot-fontstørrelse, så dette verktøyet starter der. Hvis CSS-en din endrer font-size på html-elementet (for eksempel til 62,5%, som gjør roten 10px), oppdater feltet for rot-fontstørrelse slik at konverteringen stemmer med prosjektet ditt.
Hvorfor bruke rem i stedet for px i CSS?
rem-enheter skalerer med rot-fontstørrelsen, som respekterer størrelsen en leser har valgt i nettleserinnstillingene sine. Å angi skrift, marger og luft i rem lar hele oppsettet vokse eller krympe med den innstillingen, noe som er bedre for tilgjengelighet enn faste piksler.
Kan jeg dele dette verktøyet med mine utfylte data?
Ja. URL-en oppdateres automatisk mens du skriver. Kopier den fra adressefeltet eller bruk Del-knappen, den som åpner lenken ser nøyaktig dine data klare til bruk.
Relaterte verktøy
Bildeforhold Kalkulator
Regn ut bildeforholdet, finn manglende bredde eller høyde og endre størrelse på bilder og video uten å forvrenge proporsjonene. Gratis.
Base64-dekoder
Dekod Base64 til vanlig tekst direkte i nettleseren. Gratis Base64-dekoder med full UTF-8-støtte. Lim inn strengen og få resultatet med en gang.
Base64-koder
Kod tekst til Base64 direkte i nettleseren. Gratis Base64-koder med UTF-8-støtte. Skriv inn teksten og få den kodede strengen umiddelbart.