PX naar EM-converter
Converteer px naar rem, rem naar px en px naar em in elke basislettergrootte, met een kopieerklare CSS-regel en een live referentietabel.
Resultaat
Deze pagina opent de converter in de richting px → em. De rekenkunde is dezelfde verdeling als voor rem (pixels gedeeld door een referentielettergrootte), maar de verwijzing is anders: em is relatief ten opzichte van de lettergrootte van het bovenliggende element (of, voor lettergrootte zelf, de overgeërfde grootte van het element), niet ten opzichte van de root.
Dat verschil is precies wanneer je naar em reikt: opvulling die zou moeten meegroeien met de eigen tekst van de component, mediaquery's geschreven in em, of een knop waarvan de spatiëring schaalt als de lettergrootte verandert. Voer de werkelijke lettergrootte van het bovenliggende element in het basisveld in. Als uw component in 14px-tekst staat, is 21px opvulling 1,5em en niet 1,3125em.
Het resultaat wordt geleverd met een CSS-regel die klaar is voor kopiëren, en de referentietabel toont de gebruikelijke pixelgroottes, geconverteerd ten opzichte van de huidige oudergrootte. Alles wordt live bijgewerkt in uw browser terwijl u typt, zonder dat er gegevens de pagina verlaten.