Kuptimi i thellësisë së madhësisë së shkronjave (PX vs EM vs REM)

Kuptimi i madhësisë së shkronjave

Madhësia e shkronjave luan një rol shumë të rëndësishëm në internet, madhësia e shkronjave është një nga vetitë e css, Madhësia e shkronjave ose madhësia e tekstit përcaktojnë është se sa të mëdha janë karakteret e shfaqura në një faqe në internet. një font është matur në mënyrë tipike në pikat (pt) dhe zakonisht përcaktohet në pixel (px).

Me defekt, madhësia e fontit bazë (madhësia e shkronjave trupore) e çdo faqe në internet është 16px, derisa të përcaktojmë ndonjë madhësi të shkronjave të veta.
Prona e madhësisë së fontit specifikohet në njërën nga mënyrat e mëposhtme:

1. Madhësia absolute ose madhësia relative
2. Si gjatësi ose përqindje (në krahasim me madhësinë e shkronjave të elementit prind)

Sintaksë Themelore

Sintaksa themelore e fontit

Absolute-Size
xx-small, x-small, small, xx-large, x-large, large
Madhësia e shkronjave me fjalë kyçe me madhësi absolute, do të jetë më e madhe ose më e vogël në krahasim me madhësinë e shkronjave të elementit prind.

Relative-Size
më të vogla, më të mëdha

Length-Size
Madhësia e shkronjave të përcaktuar në gjatësi do të jetë gjithnjë me vlerë pozitive, njësitë e përdorura të fontit të përdorur si em dhe px

Përqindja-Size
Madhësia e shkronjave me Përqindje do të jetë gjithnjë me vlerë pozitive dhe në lidhje me madhësinë e shkronjave të elementit prind

Përcaktoni madhësinë e shkronjave në trup

Përcaktimi i madhësisë së shkronjave në trup është mënyra më e mirë për të zhvilluar çdo faqe në internet. Duke vendosur një madhësi të shkronjave të fjalëve në elementin e trupit, mund të vendosni madhësinë e shkronjave relative kudo tjetër në faqe, duke ju dhënë mundësinë të shkallëzoni me lehtësi fontin lart ose poshtë në të gjithë faqen në përputhje me rrethanat.

Madhësia e shkronjave në Pixel (Px)

Përcaktimi i madhësisë së shkronjave në Pixel nuk është një praktikë e mirë. kjo do të jetë e mirë vetëm nëse jeni duke menaxhuar modelin perfekt të pixel.
 Pixel (px) është një vlerë statike, px është një shfletues i pavarur nga OS dhe kryq që u thotë shfletuesve të japin shkronjat saktësisht në numrin e pikselave në lartësinë që keni specifikuar. Rezultatet mund të ndryshojnë paksa në të gjithë shfletuesit, pasi çdo shfletues përdor algoritme dhe qasje të ndryshme për të arritur një efekt të ngjashëm.
 Kur përcaktoni madhësinë e shkronjave në pixel (px), mund të përballeni për të shkruar disa css shtesë për të menaxhuar faqen në përgjigje. dhe ju duhet të shkruani CSS në çdo pikë pushimi.

Madhësia e shkronjave në EM

Një mënyrë tjetër për të përcaktuar madhësinë e fontit është me vlerat em. Madhësia e një vlere em është dinamike. kur përcaktojmë madhësinë e shkronjave në emra varet nga madhësia e elementit mëmë.
 nëse nuk kemi vendosur madhësinë e shkronjave për prindin, atëherë si parazgjedhje ajo do të marrë madhësinë e fontit të shfletuesit, domethënë 16px.
 Gjërat më të rëndësishme që duhet të dini me em është se, gjithmonë varet nga madhësia e fontit të prindit. kështu që nëse po përcaktoni fontin në elementin fole, atëherë duhet ta mbani këtë në mendjen tuaj për të vendosur madhësinë e shkronjave.

Pixel për të kthyer në konvertim

Madhësia e shkronjave në REM

Vlerat e rem-it për madhësinë e shkronjave u shpikën për të kapërcyer problemin e emrit me elementin fole.
 Vlerat e madhësisë së shkronjave të shkronjave janë relative me elementin rrënjor html, jo me elementin prind, pjesa tjetër çdo gjë është e njëjtë me em.
 Më poshtë është e ndryshme midis rem dhe em nëse ekzistojnë elementë të fole.

Diferenca midis elementeve të fole me EM dhe REM

Elementi i fole me EMElementi i fole me REM

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