PX naar EM Converter
Converteer px naar rem, rem naar px en px naar em bij elke basislettergrootte, met een kopieerklare CSS-regel en een live referentietabel.
Wordt volledig in uw browser verwerkt. Niets wat u hier invoert, wordt ooit geüpload.
Resultaat
Over dit hulpmiddel
Deze pagina opent de converter in de richting px → em. De rekensom is dezelfde deling als bij rem — pixels gedeeld door een referentielettergrootte — maar de referentie is anders: em is relatief ten opzichte van de lettergrootte van het bovenliggende element (of, voor font-size zelf, de overgeërfde grootte van het element), niet ten opzichte van de root.
Dat verschil is precies wanneer u naar em grijpt: padding die moet meegroeien met de eigen tekst van het component, media queries geschreven in em, of een knop waarvan de tussenruimte schaalt wanneer de lettergrootte verandert. Voer de werkelijke lettergrootte van het bovenliggende element in het basisveld in — als uw component in 14px-tekst staat, is 21px padding gelijk aan 1,5em, niet aan 1,3125em.
Het resultaat bevat een kopieerklare CSS-regel en de referentietabel toont de veelvoorkomende pixelgroottes omgerekend ten opzichte van de huidige bovenliggende grootte. Alles wordt live bijgewerkt in uw browser terwijl u typt, zonder dat gegevens de pagina verlaten.