Dýptarskilningur á leturstærð (PX vs EM vs REM)

Skilningur á leturstærð

Leturstærð gegnir mjög mikilvægu hlutverki á vefnum, leturstærð er einn af css eiginleikum. Leturstærð eða textastærð skilgreina er hversu stórir stafirnir birtast á vefsíðu. letur er venjulega mælt í punktum (pt) og skilgreinir venjulega í pixla (px).

Með því að vanvirða grunn leturstærð (Body font-stærð) hvaða vefsíðu sem er er 16px þar til við skilgreinum eigin sérsniðna leturstærð.
Leturstærðareignin er tilgreind á einn af eftirfarandi leiðum:

1. Alger stærð eða hlutfallsleg stærð
2. Sem lengd eða hlutfall (miðað við leturstærð foreldris)

Grunn setningafræði

Grunn setningafræði leturs

Algjör stærð
xx-lítill, x-lítill, lítill, xx-stór, x-stór, stór
Leturstærð með lykilorðum í algerri stærð, verður stærri eða minni miðað við leturstærð foreldrisins.

Hlutfallsleg stærð
minni, stærri

Lengd-Stærð
Leturstærð skilgreind í lengd verður alltaf jákvæð gildi, notaðir leturhlutfalls einingar eins og em og px

Hlutfallsstærð
Leturstærð með prósentu verður alltaf jákvæð gildi og miðað við leturstærð foreldris

Skilgreindu leturstærð í líkama

Að skilgreina leturstærð í meginmál er besta aðferðin til að þróa hvaða vefsíðu sem er. Með því að stilla leturstærð leitarorðs á meginhlutann geturðu stillt hlutfallslegt leturstærð alls staðar annars staðar á síðunni, þannig að þú getir auðveldlega kvarðað letrið upp eða niður á alla síðuna í samræmi við það.

Leturstærð í pixla (Px)

Að skilgreina leturstærð í Pixel er ekki góð framkvæmd. þetta verður aðeins gott ef þú ert að stjórna fullkominni pixla hönnun.
 Pixel (px) er kyrrstætt gildi, px er sjálfstætt stýrikerfi og þvert á vafrann sem segir vöfrunum að láta stafina vera nákvæmlega á fjölda pixla á hæð sem þú tilgreindi. Niðurstöðurnar geta verið örlítið mismunandi milli vafra þar sem allir vafrar nota mismunandi reiknirit og nálgun til að ná svipuðum áhrifum.
 Þegar þú skilgreinir leturstærð í pixla (px) gætirðu horfst í augu við að skrifa nokkrar auka css til að stjórna síðunni móttækilegur. og þú verður að skrifa css í hvert brot stig.

Leturstærð í EM

Önnur leið til að skilgreina leturstærð er með em gildi. Stærð em-gildi er kvik. þegar við skilgreinum leturstærð í þeim fer það eftir stærð frumefnis.
 ef við höfum ekki stillt leturstærð fyrir foreldrið þá tekur það sjálfkrafa leturstærð vafrans, það er 16px.
 Mikilvægasti hluturinn sem þarf að vita með þeim er að það fer alltaf eftir leturstærð foreldris þess. svo ef þú ert að skilgreina letrið í nestuðum þáttum, þá ættirðu að hafa þetta í huga þínum til að stilla leturstærðina.

Pixel til em umbreytingu

Leturstærð í REM

Rafgildin á leturstærðinni voru fundin upp til að vinna bug á vandanum við em með frumuþætti.
 Leturstærð rem gildi eru miðað við rót html frumefnisins, ekki foreldrahlutinn, hvíld allt er það sama og em.
 Hér að neðan er mismunandi milli rem og em ef það eru nestaðir þættir.

Mismunur á nestuðum þætti með EM og REM

Hreiður þáttur með EMHreiður þáttur með REM

Tilvísun: https://developer.mozilla.org/en-US/docs/Web