Ukusebenzisa i-Ems ukutshintsha ubukhulu befonti
Xa ukwakha iphepha leWebhu, ezininzi iingcali zincoma ukuba ubukhulu bamagama (kwaye ngokwenene, yonke into) kunye nesilinganiselo esifanelekileyo njenge-ems, exs, iipesenti, okanye iipekseli. Oku kungenxa yokuba ngokwenene awuyazi zonke iindlela ezahlukeneyo umntu angakubona umxholo wakho. Yaye ukuba usebenzisa umlinganiselo opheleleyo (amasentimitha, iisentimitha, ii-millimeters, amaphupha, okanye i-picas) inokuchaphazela ukubonisa okanye ukufundeka kwephepha kwiidivaysi ezahlukeneyo.
Kwaye iW3C icebisa ukuba usebenzise i-ems ngobukhulu.
Kodwa i-Big Big i-Em?
Ngokutsho kweW3C em:
"lilingana nexabiso elithengiweyo lepropati 'yobukhulu befonti' yento esetyenzisiweyo. Ngaphandle koko xa 'em' ivela kwixabiso lepropati 'yobukhulu befonti', apho ithetha khona ubungakanani befonti bombambi womzali. "
Ngamanye amazwi, i-ems ayinaso ubungakanani obukhulu. Bathi bathatha ubungakanani bemilinganiselo yabo ngokusekelwe apho bahlala khona. Kubabeninzi beeweyili beWebhu, oku kuthetha ukuba basesidlangalaleni seWebhu, ngoko ifowuni ephakamileyo ifana nobukhulu obufanayo kunye nobukhulu befonti obuyiyo.
Kodwa ubude kangakanani ubukhulu obungaguqukiyo? Ayikho indlela yokuba ibe yi-100% ethile, njengoko abathengi banokutshintsha ubungakanani befonti yabo engapheliyo kwiiphequluli zabo, kodwa ekubeni abaninzi abantu abanokucinga ukuba uninzi lweziphequluli zinobungakanani befonti obuyi-16px. Ngoko ininzi yexesha 1em = 16px .
Cinga kwii Pixels, Sebenzisa i-Ems ukuze ulinge
Emva kokuba wazi ukuba ubungakanani befonti obungagqibekanga ngu-16px, ungasebenzisa i-ems ukuvumela abaxhasi bakho ukuba bahlalutye iphepha kalula kodwa bacinge ngamaphikseli ngobukhulu befonti yakho.
Yithi unesakhiwo sokwenza into efana nale:
- Umxholo 1 - 20px
- Umxholo we-2 - 18px
- Umxholo we-3 - 16px
- Umbhalo ophezulu - 14px
- Umbhalo ophantsi - 12px
- Amagama angaphantsi - 10px
Ungabachaza ngaloo ndlela usebenzisa iipikseli zokulinganisa, kodwa ke nabani na osebenzisa i-IE 6 kunye no-7 abayi kukwazi ukutshintsha iphepha lakho kakuhle. Ngoko ke kufuneka uguqule ubukhulu be-ems kwaye le nto yimiba yemathematika:
- Umxholo 1 - 1.25em (16 x 1.25 = 20)
- Umxholo 2 - 1.125em (16 × 1.125 = 18)
- Umxholo we-3 - 1em (1em = 16px)
- Umbhalo ophezulu - 0.875m (16 x 0.875 = 14)
- Umbhalo ophantsi - 0.75em (16 x 0.75 = 12)
- Amagama angaphantsi - 0.625em (16 x 0.625 = 10)
Musa ukulibala ilifa!
Kodwa oko akukho konke okukhoyo. Enye into ofuna ukuyikhumbula kukuba bathabatha ubukhulu bomzali. Ngoko ukuba unamaphuzu athile ahlukeneyo obukhulu befonti, ungaphetha ngefonti encinci okanye encinci kunokuba ulindele.
Ngokomzekelo, unokuba neshidi lomfanekiso onje:
p {ubukhulu befonti: 0.875m; }
.footnote {ubungakanani befonti: 0.625em; }
Oku kuya kubangela ukuba amagama afakwe kwi-14px kunye ne-10px yombhalo oyintloko kunye neempendulo zemihlathi ngokulandelanayo. Kodwa ukuba ubeka umbhalo ongaphantsi kwimihlathi, unokuphelisa ngombhalo owu-8.75px kunokuba u-10px. Zama ngokwakho, faka le CSS apha ngasentla kunye ne HTML elandelayo kwixwebhu:
Le fayili ngu-14px okanye 0.875 ukuphakama.
Lo mhlathi unamagama angaphantsi kuwo.
Nangona oku kungumhlathi wegama eliphantsi.
Umbhalo wamagama amanqaku kunzima ukuwafunda ngo-10px, kuphantse kungabikho mthethweni kwi-8.75px.
Ngoko, xa usebenzisa i-ems, kufuneka uqaphele kakhulu ubuninzi bezinto zomzali, okanye uza kuphelisa ezinye izinto ezingamangqiqo kwiphepha lakho.