Kutumia Ems kubadilisha ukubwa wa font
Unapojenga ukurasa wa wavuti, wataalamu wengi hupendekeza kuwa unapenda fonts (na kwa kweli, kila kitu) na kipimo cha jamaa kama vile ems, exs, asilimia, au saizi. Hii ni kwa sababu hujui njia zote tofauti ambazo mtu anaweza kutazama maudhui yako. Na ikiwa unatumia kipimo kamili (inchi, sentimita, milimita, pointi, au picas) inaweza kuathiri kuonyesha au kusoma kwa ukurasa katika vifaa tofauti.
Na W3C inapendekeza kwamba utumie ems kwa ukubwa.
Lakini Jinsi Big ni Em?
Kulingana na W3C em:
"ni sawa na thamani ya hesabu ya mali ya 'font-size' ya kipengele ambayo hutumiwa.Kwa pekee ni wakati 'em' inatokea kwa thamani ya mali ya 'ukubwa wa font' yenyewe, ambayo inaelezea kwa ukubwa wa font ya kipengele cha mzazi. "
Kwa maneno mengine, ems hauna ukubwa kabisa. Wanachukua maadili ya ukubwa wao kulingana na wapi. Kwa wabunifu wengi wa wavuti , hii ina maana kwamba wao ni kwenye kivinjari cha Wavuti, hivyo font iliyo 1 urefu ni sawa na ukubwa sawa na ukubwa wa font wa kivinjari.
Lakini jinsi mrefu ni ukubwa wa kawaida? Hakuna njia ya kuwa na uhakika wa 100%, kama wateja wanaweza kubadilisha ukubwa wao wa kawaida wa font katika browsers zao, lakini kwa kuwa watu wengi huwezi kudhani kwamba browsers wengi wana ukubwa wa font ya 16px. Kwa hiyo mara nyingi 1m = 16px .
Fikiria katika saizi, Tumia Ems kwa Kupima
Mara tu unajua kwamba ukubwa wa font wa kawaida ni 16px, unaweza kutumia ems ili kuruhusu wateja wako waweze kurekebisha ukurasa kwa urahisi lakini fikiria kwa saizi kwa ukubwa wa font zako.
Sema una muundo wa kuzingatia kitu kama hiki:
- Kichwa cha 1 - 20px
- Kichwa cha 2 - 18px
- Kichwa cha 3 - 16px
- Nakala kuu - 14px
- Nakala ndogo - 12px
- Maelezo ya chini - 10px
Unaweza kuwafafanua kwa njia hiyo kwa kutumia saizi kwa kipimo, lakini basi yeyote anayeweza kutumia IE 6 na 7 hakuweza kubadilisha ukurasa wako vizuri. Kwa hivyo unapaswa kubadili ukubwa kwa ems na hii ni suala la baadhi ya math:
- Kichwa cha 1 - 1.25m (16 x 1.25 = 20)
- Kichwa cha 2 - 1.125m (16 × 1.125 = 18)
- Kichwa cha 3 - 1m (1em = 16px)
- Nakala kuu - 0.875m (16 x 0.875 = 14)
- Nakala ndogo - 0.75m (16 x 0.75 = 12)
- Maelezo ya chini - 0.625m (16 x 0.625 = 10)
Usiisahau Mrithi!
Lakini sio wote kuna ems. Kitu kingine unachohitaji kukumbuka ni kwamba huchukua ukubwa wa mzazi. Kwa hiyo ikiwa una vipengee vilivyo na ukubwa tofauti wa font, unaweza kuishia na font ndogo au kubwa kuliko unavyotarajia.
Kwa mfano, unaweza kuwa na karatasi ya mtindo kama hii:
p {font-size: 0.875m; }
.footnote {font-size: 0.625m; }
Hii ingeweza kusababisha fonts zilizo 14px na 10px kwa maandishi kuu na maelezo ya chini kwa mtiririko huo. Lakini ukitumia maelezo ya chini ndani ya aya, unaweza kuishia na maandishi ambayo ni 8.75px kuliko 10px. Jaribu mwenyewe, weka hii CSS hapo juu na HTML ifuatayo kwenye hati:
Faili hii ni 14px au 0.875 ems kwa urefu.
Aya hii ina maelezo ya chini ndani yake.
Ingawa hii ni kifungu cha maneno ya chini.
Nakala ya maelezo ya chini ni vigumu kusoma saa 10px, karibu haijatikani kwenye 8.75px.
Kwa hiyo, unapotumia ems, unahitaji kufahamu sana ukubwa wa vitu vya wazazi, au utaishi na vipengee vingine vya kawaida kwenye ukurasa wako.