PX til REM konverter

Rem-enheder sørger for, at layouts er tilgængelige – de skaleres med brugerens præference for skriftstørrelse – men ingen ønsker at dividere med 16 i hovedet hele dagen. Denne konverter udfører regnestykket live: vælg retningen (px → rem, rem → px eller px → em), skriv værdien, og resultatet vises øjeblikkeligt sammen med en kopiklar CSS-linje, såsom skriftstørrelse: 0,875rem.

Grundskriftstørrelsesfeltet gør, at værktøjet passer til ethvert projekt. Browserens standard er 16px, så 1rem er lig med 16px ud af boksen, men mange kodebaser indstiller html { font-size: 62.5% } for at gøre 1rem lig med 10px - indtast 10 som basis, og hver konverterings- og tabelrække følger. Px → em retningen bruger den samme matematik mod det overordnede elements skriftstørrelse i stedet for roden, hvilket er præcis forskellen mellem em og rem i CSS.

Under resultatet viser en referencetabel de mest almindelige designstørrelser - 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 og 64 pixels - allerede konverteret på din nuværende base, med rækken, der matcher basen fremhævet. Det er det snydeark, du ellers ville holde tapet til din skærm, altid synkroniseret med den base, du faktisk bruger.

Alt sker lokalt i din browser, mens du skriver: ingen upload, ingen tilmelding, ingen server rundtur. Forudindstillede sider for rem → px, px → em, 10px-basen og populære værdier som 14, 24 og 32 px åbner konverteren klar til netop de spørgsmål.