Razumevanje globine velikosti pisave (PX v primerjavi z EM proti REM)

Razumevanje velikosti pisave

Velikost pisave igra zelo pomembno vlogo v spletu, velikost pisave je ena od lastnosti css, velikost pisave ali velikost besedila določata, kako veliki znaki so prikazani na spletni strani. pisava se običajno meri v točkah (pt) in je običajno določena v sliki (px).

Če izklopite osnovno velikost pisave (velikost pisave telesa) katere koli spletne strani, je 16 pik, dokler ne določimo nobene velikosti pisave po meri.
Lastnost velikosti pisave je določena na enega od naslednjih načinov:

1. absolutne velikosti ali relativne velikosti
2. Kot dolžina ali odstotek (glede na velikost pisave nadrejenega elementa)

Osnovna sintaksa

Osnovna sintaksa pisave

Absolutna velikost
xx-majhna, x-majhna, majhna, xx-velika, x-velika, velika
Velikost pisave s ključnimi besedami absolutne velikosti bo večja ali manjša glede na velikost pisave nadrejenega elementa.

Relativna velikost
manjši, večji

Dolžina-velikost
Velikost pisave, določena v dolžini, bo vedno pozitivna, uporabljene enote, povezane s pisavo, kot sta em in px

Odstotek-velikost
Velikost pisave s odstotkom bo vedno pozitivna in glede na velikost pisave nadrejenega elementa

Določite velikost pisave v telesu

Določitev velikosti pisave v telesu je najboljši pristop za pripravo katere koli spletne strani. Z nastavitvijo velikosti pisave ključne besede na elementu telesa lahko nastavite relativno velikost pisave povsod drugje na strani, kar vam omogoča enostavno spreminjanje velikosti pisave navzgor ali navzdol na celotni strani.

Velikost pisave v pikslih (Px)

Določitev velikosti pisave v Pixlu ni dobra praksa. to bo dobro le, če boste upravljali dovršeno zasnovo pikslov.
 Pixel (px) je statična vrednost, px je neodvisen od sistema OS in navzkrižni brskalnik, ki brskalnikom sporoča, da črke upodabljajo v točno določenem številu pik v višini, ki ste ga določili. Rezultati se lahko med brskalniki nekoliko razlikujejo, saj vsak brskalnik uporablja različne algoritme in pristop, da doseže podoben učinek.
 Ko določite velikost pisave v sliki (px), boste morda morali napisati nekaj dodatnega css-a za upravljanje strani z odzivnostjo. css morate napisati v vsaki prelomni točki.

Velikost pisave v EM

Drug način določitve velikosti pisave je z vrednostmi em. Velikost em vrednosti je dinamična. ko določimo velikost pisave v em, je odvisna od velikosti nadrejenega elementa.
 če nismo zastavili velikosti pisave za nadrejeno, bo to privzeto sprejelo velikost pisave brskalnika, to je 16 pik.
 Najpomembnejše, kar morate vedeti pri em, je, da je vedno odvisno od velikosti pisave njegovega starša. Če torej določite pisavo v ugnezdenem elementu, potem to upoštevajte, če želite določiti velikost pisave.

Pretvorba pikslov v em

Velikost pisave v REM

Vrednosti rem velikosti pisave so bile izumljene, da bi premagali problem em z elementi ugnezdenih elementov.
 Vrednosti rem velikosti pisave so glede na element root html in ne nadrejeni element, vse ostalo je enako em.
 Spodaj je različno med rem in em, če so ugnezdeni elementi.

Razlika med ugnezdenimi elementi z EM in REM

Gnezden element z EMGnezden element z REM

Ref: https://developer.mozilla.org/en-US/docs/Web