PX til REM konverter med 10px base
Konverter px til rem, rem til px og px til em ved enhver basisskriftstørrelse med en kopiklar CSS-linje og en live referencetabel.
Resultat
Denne side åbner konverteren med grundskriftstørrelsen forudindstillet til 10px. Det er den klassiske html { font-size: 62.5% } opsætning: 62.5% af 16px browserens standard er præcis 10px, så rem værdier bliver trivielt læsbare - 14px er 1.4rem, 18px er 1.8rem, 24px er 2.4rem.
Hold anvender 10px-basen præcist for at undgå akavede sekstendedele: i stedet for at huske, at 14px er 0,875rem, flytter du bare decimaltegnet. Fordi tricket bruger en procentdel frem for en fast pixelværdi, respekterer det stadig den skriftstørrelse, en bruger angiver i browserpræferencer, hvilket er hele tilgængelighedsargumentet for rem-enheder i første omgang.
Indtast en hvilken som helst pixelværdi for at få dens rem-ækvivalent ved 10px-basen sammen med en kopiklar CSS-linje, og tjek referencetabellen nedenfor for hele 1-64 px-skalaen, der allerede er konverteret. Hvis dit projekt bruger en anden rodstørrelse, skal du ændre basisfeltet og alt følger live.