Kugwiritsira ntchito ma Ems kusintha maonekedwe a ma foni
Pamene mukukumanga tsamba la webusaiti, akatswiri ambiri amalimbikitsa kuti muyambe ma fonti (ndipotu, chirichonse) ndi chiyeso chofanana ngati ems, exs, peresenti, kapena pixelisi. Izi ndichifukwa chakuti simudziwa njira zonse zomwe wina angawonere zomwe zili. Ndipo ngati mumagwiritsa ntchito miyeso, masentimita, mamitamita, mapepala, kapena picas) zingakhudze kuwonetsera kapena kuwerenga kwa tsamba mu zipangizo zosiyanasiyana.
Ndipo W3C ikukulimbikitsani kuti mugwiritse ntchito ems kwa kukula kwake.
Koma Kodi Mkulu Ndi Em?
Malingana ndi W3C em:
"ndilofanana ndi chiwerengero cha compact cha 'font-size' katundu wa chinthu chomwe chimagwiritsidwa ntchito. Kupatulapo pamene 'em' imapezeka phindu la katundu wa 'font-size' mwiniwake, pamene mpaka kukula kwa maonekedwe a chigawo cha makolo. "
Mwa kuyankhula kwina, ems alibe kukula kwakenthu. Amagwiritsa ntchito miyezo yawo yosiyanasiyana malinga ndi kumene ali. Kwa olemba Webusaiti ambiri, izi zikutanthauza kuti iwo ali mu osakatuli pa Webusaiti, kotero mndandanda womwe uli wamtali ndi chimodzimodzi kukula kwake ngati kukula kwa mausitala awo.
Koma kutalika kwake ndikutani kosasintha? Palibe njira yodziwira zenizeni, monga makasitomala amatha kusintha mausita awo osasintha m'masewera awo, koma popeza anthu ambiri simungathe kuganiza kuti masakatuli ambiri ali ndi mazenera apamwamba a 16px. Choncho nthawi yambiri = 16px .
Ganizirani mu Pixels, Gwiritsani ntchito ma Ems kuti muyese
Mukadziwa kuti mawonekedwe osasintha ndi 16px, mutha kugwiritsa ntchito ems kuti alola makasitomala anu asinthe tsamba mosavuta koma taganizirani pa ma pixel maulendo anu apamwamba.
Nenani kuti muli ndi chimangidwe chofanana ndi ichi:
- Mutu 1 - 20px
- Mutu wa 2 - 18px
- Mutu wa 3 - 16px
- Mavesi akulu - 14px
- Zolemba - 12px
- Mawu a M'munsi - 10px
Mukhoza kuwafotokozera motere pogwiritsira ntchito ma pixel kuti muyeso, koma aliyense amene amagwiritsa ntchito IE 6 ndi 7 sakanakhoza kusintha tsamba lanu bwino. Kotero inu muyenera kusintha masayizi kuti muyambe ndipo ichi ndi nkhani chabe ya masamu:
- Mutu wa 1 - 1.25m (16 x 1.25 = 20)
- Mutu 2 - 1.125em (16 × 1.125 = 18)
- Mutu wa 3 - 1em (1em = 16px)
- Mavesi akulu - 0,875em (16 x 0.875 = 14)
- Mavesi - 0.75em (16 × 0.75 = 12)
- Mawu a M'munsi - 0,625em (16 × 0.625 = 10)
Musaiwale Cholowa!
Koma si zonse zomwe zilipo. Chinthu china chimene mukuyenera kukumbukira ndi chakuti amatenga kukula kwa kholo. Kotero ngati muli ndi zinthu zowoneka ndi maonekedwe osiyanasiyana, mukhoza kutha ndi mazenera ang'onoang'ono kapena aakulu kuposa momwe mukuyembekezera.
Mwachitsanzo, mungakhale ndi pepala lamasewera monga ili:
p {font-size: 0.875m; }}
.footnote {font-size: 0.625em; }}
Izi zingapangitse ma fonti omwe ali 14px ndi 10px pazolemba zazikulu ndi malemba apansi. Koma ngati muika mawu am'munsi mkati mwa ndime, mutha kukhala ndi malemba omwe ali 8.75px kuposa 10px. Dziyeseni nokha, ikani ichi CSS pamwambapa ndi HTML yotsatira mu chikalata:
Mtundu uwu ndi 14px kapena 0.875 ems kutalika.
Ndimeyi ili ndi mawu am'munsi.
Ngakhale iyi ili chabe ndime ya footnote.
Malemba a m'munsimu ndi ovuta kuwerenga pa 10px, pafupifupi pafupifupi 8.75px.
Kotero, pamene mukugwiritsira ntchito ems, muyenera kudziwa kukula kwa zinthu za makolo, kapena mutha kukhala ndi zinthu zina zosamvetsetseka pa tsamba lanu.