CSS font-size: pt, px eller em? Vilka enheter att använda?

I princip kan vi säga att varje enhet i CSS har gjort en exakt avsedd användning:

pt

Punkter (pt) är den måttenhet som används vid utskrift processer och program (t.ex. Microsoft Word) för att skapa dokument för utskrift. Skrivarna i själva verket inte "orsak" i pixlar, men i punkter. Om vi ​​skickar en utskrift formaterad text, i pixlar, kommer skrivaren själv att konvertera pixlar till poäng. Om du förbereder en stilmall för utskrift, då förslaget är att använda pt för att få ett mer exakt resultat.

px

Bildpunkter (px) är naturligtvis den "enhet skärm eller, mer allmänt, i displayen (upplösningen som är det antal pixlar av horisontell och vertikal linje).

em

Den dem, till skillnad från PT och px är en "måttenhet (dvs inte fast). För att använda denna enhet definieras i brödtexten i dokumentet, standard textstorlek med hjälp av pixlar. Sedan, med hjälp av em, definierar du de enskilda delarna av sidan.
Måttenheten definieras enligt följande (i "em") kommer att vara på Standard teckenstorlek. I huvudsak är det em en slags multiplikator standardstorlek. Till exempel: Om standard teckenstorleken är 10 pixlar, med ett stycke

 



 font-size: 1,5 em

 

kommer i praktiken ett typsnitt av 15 pixlar på grundval av denna enkla beräkning:

 



 * 1,5 = 10px 15px