px naar em: hoe krijg ik een meting om te zetten in pixels p en vice versa?

Het doen van dit type berekening is heel eenvoudig.
Eerst moet u de grootte van de default font-size gedefinieerd voor het lichaam te leren kennen. Voor ons voorbeeld gaan we ervan uit dat deze waarde overeenkomt met 12 px.
De eenheid van em, in feite, de relatieve aard en verwijst naar deze standaard waarde. Om het simpel te zeggen, ze is een soort van multiplier standaard grootte.

Dus, een pagina-element met

 



 font-size: 1,5 em

 

hebben een pixelgrootte die gelijk is aan het resultaat van deze vermenigvuldiging:

 



 * 1,5 = 12px 18px

 

Omgekeerd moeten als we willen om de grootte van een em-font-size in pixels wel weten het omgekeerde:

 



 18px / 12px = 1,5 em