Käyttäen em arvo luo dynaamisen tai laskea fontin kokoa (historiallisesti em yksikkö oli peräisin leveys capital ”M” tietyllä fontilla.). Numeerinen arvo toimii kerroin font-size omaisuutta elementti, jonka perusteella sitä käytetään., Mieti tätä esimerkkiä:
p { font-size: 2em;}tässä tapauksessa, fontin kokoa <p> elementit on kaksinkertainen lasketun font-size peri <p> elementit. Laajemmassa font-size ja 1em vastaa lasketun font-size elementti, johon sitä käytetään.,
– Jos font-size ei ole asetettu mitään <p>’s-isämme, sitten 1em tulee yhtä oletusselain font-size, joka on yleensä 16px. Niin, oletuksena 1em vastaa 16px ja 2em vastaa 32px., Jos olit asettaa font-size osa 20px päälle <body> elementti sanoa, niin 1em ja <p> – elementtien sijaan olisi vastaava 20px, ja 2em vastaa 40px.,
laskemiseksi em vastaa mistään pikselin arvo tarvitaan, voit käyttää tätä kaavaa:
em = desired element pixel value / parent element font-size in pixels
em – on erittäin hyödyllinen laite CSS, koska se mukautuu automaattisesti sen pituus suhteessa font, että lukija haluaa käyttää.
yksi tärkeä seikka pitää mielessä: em-arvojen yhdiste., Ota seuraava HTML-ja CSS:
html { font-size: 62.5%; /* font-size 1em = 10px on default browser settings */}span { font-size: 1.6em;}<div><span>Outer <span>inner</span> outer</span></div>tuloksena on:
Olettaen, että selain on oletuksena font-size on 16px, sanat ”ulompi” olisi suoritettu 16px, mutta sana ”sisäinen” olisi suoritettu 25.6 px. Tämä johtuu siitä, että sisä – <span>’s font-size 1,6 em, joka on suhteessa sen vanhemman font-size, joka on puolestaan suhteessa sen vanhemman font-size. Tätä kutsutaan usein kompuroinniksi.