Ukusebenzisa ama-Ems ukushintsha ubukhulu befonti
Uma usakha ikhasi leWebhu, ochwepheshe abaningi batusa ukuthi usayizi amafonti (futhi eqinisweni, konke) ngesilinganiso esilandelayo njenge-ems, exs, amaphesenti, noma amaphikseli. Lokhu kungenxa yokuthi awuwazi ngempela zonke izindlela ezahlukene umuntu angase abuke okuqukethwe kwakho. Futhi uma usebenzisa isilinganiso esiphelele (amasentimitha, amasentimitha, amamitha, amaphuzu, noma i-picas) kungathinta ukubonisa noma ukufunda kwekhasi kumadivayisi ahlukene.
Futhi i-W3C itusa ukuthi usebenzise ama-ems ngobukhulu.
Kodwa i-Big Big i-Em?
Ngokusho kweW3C em:
"lilingana nenani lekhompuyutha ye-'sayizi-font 'yezinto ezisetshenziswe kuyo. Okungaphandle uma i-'am' ivela ngokubaluleka kwendawo 'yobukhulu befonti' ngokwayo, lapho ikhuluma khona kuze kube usayizi wefonti womkhiqizo womzali. "
Ngamanye amazwi, i-ems ayinaso isayizi ngokuphelele. Zithatha amagugu azo ngobukhulu ngokususelwa lapho zikhona. Kubunikazi bewebhu abaningi, lokhu kusho ukuthi basesipheqululini seWebhu, ngakho-ke ifonti ephakeme kakhulu iyayizilinganiso efanayo nobukhulu befonti besimo saleso siphequluli.
Kodwa ubude kangakanani ubukhulu obuzenzakalelayo? Ayikho indlela yokuba ngu-100% okwethenjelwa, njengoba amakhasimende angashintsha usayizi wefonti ozenzakalelayo kuziphequluli zawo, kodwa njengoba iningi labantu ungacabangi ukuthi iziphequluli eziningi zinamapayipi ajwayelekile we-16px. Ngakho isikhathi esiningi 1em = 16px .
Cabanga ngamaphikseli, Sebenzisa ama-Ems ukuze ulingane
Uma usuwazi ukuthi usayizi wefonti ozenzakalelayo ngu-16px, ungasebenzisa ama-ems ukuvumela amaklayenti akho ukuba ashintshe ikhasi kalula kodwa cabanga ngamaphikseli ngamasayizi akho wefonti.
Yisho ukuthi unesakhiwo se-sizing into enjengale:
- Isihloko 1 - 20px
- Isihloko sesi-2 - 18px
- Isihloko 3 - 16px
- Umbhalo omkhulu - 14px
- Umbhalo ophansi - 12px
- Imibhalo yaphansi - 10px
Ungawachaza ngaleyo ndlela usebenzisa amaphikseli ngesilinganiso, kodwa noma ubani osebenzisa i-IE 6 no-7 ngeke akwazi ukushintsha kabusha ikhasi lakho kahle. Ngakho-ke kufanele uguqule ubukhulu be-ems futhi lokhu kuyindaba nje yezibalo ezithile:
- Isihloko 1 - 1.25m (16 x 1.25 = 20)
- Isihloko 2 - 1.125em (16 × 1.125 = 18)
- Isihloko sesithathu - 1m (1em = 16px)
- Umbhalo omkhulu - 0.875m (16 x 0.875 = 14)
- Umbhalo ophansi - 0.75m (16 x 0.75 = 12)
- Imibhalo engezansi - 0.625em (16 x 0.625 = 10)
Ungakhohlwa Ifa!
Kodwa akukhona konke okukhona ukuphuma. Enye into okumele uyikhumbule ukuthi ithatha ubukhulu bomzali. Ngakho-ke uma unezici ezinamakhadi anamasayizi wefonti ehlukene, ungaphetha ngefonti encane kakhulu noma enkulu kunalokho okulindele.
Isibonelo, ungase ube neshidi lesitayela kanje:
p {usayizi wefonti: 0.875m; }}
.footnote {usayizi wefonti: 0.625m; }}
Lokhu kuzoholela kumafonti angu-14px no-10px wombhalo oyinhloko kanye nemibhalo yaphansi ngokulandelanayo. Kodwa uma ubeka umbhalo waphansi ngaphakathi kwesigaba, ungaphetha ngombhalo owu-8.75px kunokuba u-10px. Zama ngokwakho, yibeke le CSS engenhla ne-HTML elandelayo ibe idokhumenti:
Leli fayela liyi-14px noma engu-0.875 ukuphakama.
Lesi sigaba sinombhalo waphansi kuwo.
Nakuba lokhu kungumhlathi wesigcawu.
Umbhalo waphansi we-umbhalo kunzima ukufunda ngo-10px, cishe awuvumeleki ku-8.75px.
Ngakho-ke, uma usebenzisa ama-ems, kudingeka uqaphele ubukhulu bezinhloso zomzali, noma uzophelisa ezinye izakhi ezilinganiselwe ngempela ekhasini lakho.