px ja em: miten muuntaa mittaus pikseleinä p ja päinvastoin?

Näin tällaisia ​​laskelmia on hyvin yksinkertainen.
Ensin sinun täytyy tietää koko default fonttikoko määritelty elin. Tässä esimerkissä oletamme, että tämä arvo vastaa 12 px.
Yksikkö em itse asiassa suhteellinen luonne ja viittaa tämän oletusarvon. Yksinkertaisesti sanottuna, em on eräänlainen kertoimen oletuskoon.

Joten, sivuelementin kanssa

 



 font-size: 1.5 EM

 

on pikselin koko on yhtä suuri tuloksena kertolasku:

 



 * 1,5 = 12px 18px

 

Toisaalta, jos halusi tietää koko EM font-size pikseleinä pitäisi tehdä päinvastoin:

 



 18px / 12px = 1,5 em