Fondi suuruse mõistmine sügavuselt (PX vs EM vs REM)

Fondi suuruse mõistmine

Kirjasuurus mängib veebis väga olulist rolli, fondi suurus on üks CSS-i omadustest. Kirjasuurus või teksti suurus määratlevad, kui suured on veebilehel kuvatavad tähemärgid. fonti mõõdetakse tavaliselt punktides (pt) ja määratletakse tavaliselt pikslites (px).

Vea rikkumisel on mis tahes veebilehe põhifondi suurus (põhifondi suurus) 16 pikslit, kuni määratleme oma kohandatud kirjasuuruse.
Fondi suuruse omadust saab täpsustada ühel järgmistest viisidest:

1. Absoluutne suurus või suhteline suurus
2. Pikkusena või protsentides (võrreldes põhielemendi kirjasuurusega)

Põhisüntaks

Fondi põhisüntaks

Absoluutne suurus
xx-väike, x-väike, väike, xx-suur, x-suur, suur
Absoluutsuuruses märksõnadega fondi suurus on vanema elemendi kirjasuurusega võrreldes suurem või väiksem.

Suhteline suurus
väiksem, suurem

Pikkus-suurus
Pikkuses määratletud fondi suurus on alati positiivne, kasutatakse fondi-suhtelisi ühikuid, näiteks em ja px

Protsendisuurus
Protsentides olev fondi suurus on alati positiivne väärtus ja võrreldes põhielemendi kirjasuurusega

Määratlege fondi suurus

Keele fondi suuruse määratlemine on parim viis mis tahes veebilehe väljatöötamiseks. Kereelemendil märksõna kirjasuuruse määramisega saate seada suhtelise fondi suuruse kõikjal mujal lehel, andes teile võimaluse fonti hõlpsalt vastavalt sellele muuta kogu lehe üles või alla.

Fondi suurus pikslites (Px)

Piksli kirjasuuruse määratlemine pole hea tava. see on hea ainult siis, kui haldate pikslite täiuslikku kujundust.
 Piksel (px) on staatiline väärtus, px on OS-ist sõltumatu ja brauseritevaheline, mis käsib brauseritel rentida tähti täpselt teie määratud kõrguses pikslite arvuga. Tulemused võivad brauserite lõikes pisut erineda, kuna sarnase efekti saavutamiseks kasutavad kõik brauserid erinevaid algoritme ja lähenemisviise.
 Kui määratlete fondi suuruse pikslites (pikselites), võite kirjutada mõne täiendava css-i, et hallata lehte reageerivalt. ja css tuleb kirjutada igasse murdepunkti.

Fondi suurus EM-is

Teine võimalus fondi suuruse määratlemiseks on em-väärtused. Em-i väärtuse suurus on dünaamiline. kui em-kirjas kirjasuuruse määratleme, sõltub see lähteelemendi suurusest.
 kui me pole vanema jaoks fondi suurust määranud, võtab vaikimisi brauseri fondi suurus, see on 16 pikslit.
 Emitega on kõige olulisem teada saada, et see sõltub alati selle vanema fondi suurusest. nii et kui määratlete fondi pesastatud elementides, peaksite fondi suuruse määramiseks seda meeles pidama.

Pixel em-teisendus

Kirjasuurus REM-is

Fondi suuruse rem väärtused leiutati pesastatud elementidega embleemide probleemi lahendamiseks.
 Fondi suuruse rem väärtused on seotud juur-html-elemendiga, mitte põhielemendiga, ülejäänud kõik on samad, mis em-il.
 Allpool on erinev rem ja em erinevus, kui seal on pesastatud elemente.

Erinevus pesastatud elementide vahel EM ja REM vahel

Pesastatud element koos EM-igaPesastatud element koos REM-iga

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