Kako si olajšati delo pri CSS znački “Font-size” z em enotami

Različne enote, ki jih lahko uporabimo pri CSS znački “font-size” smo si ogledali v članku “CSS Font-Size: em-px-pt-procenti”. Danes pa si bomo ogledali kako si poenostaviti delo z em enotami.

Če “body” fontu dodelimo vrednost 62.5% si tako poenostavimo pretvorbo px v em enoto. Vse kar moramo narediti je deliti px vrednost z 10 in že dobimo em enoto.

Primer: font velikosti 32px je enako 3.2em.
body {
font-size: 62.5%; /* font-size tako postane 1em = 10px */
}
p {
font-size: 1.2em; /* 1.2em = 12px */
}

Komentiraj


*