Uża Ems biex tbiddel id-daqsijiet tal-font
Meta tkun qed tibni paġna tal-Web, ħafna mill-professjonisti jirrakkomandaw li inti fonts daqs (u fil-fatt, kollox) b'miżura relattiva bħal ems, exs, perċentwali jew pixels. Dan huwa għaliex int verament ma nafx il-modi differenti li xi ħadd jista 'jara l-kontenut tiegħek. U jekk tuża miżura assoluta (pulzieri, ċentimetri, millimetri, punti jew picas) tista 'taffettwa l-wiri jew il-leġġibbiltà tal-paġna f'apparat differenti.
U l-W3C jirrakkomanda li tuża ems għad-daqsijiet.
Imma Kif Big hija Em?
Skont il-W3C em:
"hija ugwali għall-valur ikkalkulat tal-proprjetà" font-size "tal-element li fuqu tintuża. L-eċċezzjoni hija meta" em "isseħħ fil-valur tal-proprjetà" daqs ta 'daqs "stess, f'liema każ jirreferi għad-daqs tat-tipa tal-element prinċipali. "
Fi kliem ieħor, l-ems m'għandhomx daqs assolut. Huma jieħdu l-valuri tad-daqs tagħhom ibbażati fuq fejn huma. Għal bosta disinjaturi tal-Web , dan ifisser li huma f'fajl tal-Web, għalhekk font li hija 1em tall hija eżattament l-istess daqs daqs id-daqs tal-font default għal dak il-browser.
Imma kif tall hi d-daqs default? M'hemm l-ebda mod li tkun 100% ċerta, minħabba li l-klijenti jistgħu jbiddlu d-daqs tal-font default tagħhom fil-browsers tagħhom, iżda peress li ħafna nies ma jistgħux jassumu li l-biċċa l-kbira tal-browsers għandhom daqs ta 'font default ta' 16px. Allura ħafna mill-ħin 1em = 16px .
Aħseb fil-Pixels, Uża Ems għall-Miżura
Ladarba tkun taf li d-daqs tat-tipa default hija 16px, tista 'mbagħad tuża ems biex tippermetti lill-klijenti tiegħek li jerġgħu jbiddlu l-paġna faċilment iżda jaħsbu f'piżaturi għad-daqsijiet tal-font tiegħek.
Tgħid li għandek struttura ta 'daqs xi ħaġa bħal din:
- Titolu 1 - 20px
- L-intestatura 2 - 18px
- L-intestatura 3 - 16px
- Test prinċipali - 14px
- Sub-test - 12px
- Noti f'qiegħ il-paġna - 10px
Inti tista 'tiddefinixxihom b'dak il-mod billi tuża pixels għall-kejl, imma allura kull min juża IE 6 u 7 ma jkunx jista' jibdel il-paġna sew. Allura għandek tikkonverti d-daqsijiet lil EMS u din hija biss kwistjoni ta 'xi matematika:
- Titolu 1 - 1.25em (16 x 1.25 = 20)
- Titolu 2 - 1.125em (16 × 1,125 = 18)
- L-intestatura 3 - 1em (1em = 16px)
- Test prinċipali - 0.875m (16 x 0.875 = 14)
- Sub-test - 0.75em (16 x 0.75 = 12)
- Noti f'qiegħ il-paġna - 0.625 mu (16 x 0.625 = 10)
Tinsiex l-eredità!
Imma dak mhux kollu hemm għal EMS. L-oġġett ieħor li għandek tiftakar huwa li jieħdu d-daqs tal-ġenitur. Mela jekk għandek elementi imnaddfa b'daqsijiet ta 'font differenti, tista' tispiċċa b'tipa ħafna iżgħar jew ikbar milli tistenna.
Per eżempju, jista 'jkollok folja ta' stil bħal din:
p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }
Dan jirriżulta f'tipi li huma 14px u 10px għat-test prinċipali u n-noti f'qiegħ il-paġna rispettivament. Imma jekk tpoġġi nota ta 'qiegħ il-paġna ġewwa paragrafu, tista' tispiċċa b'test li huwa 8.75px minflok 10px. Ipprova lilek innifsek, tqiegħed dan is-CSS ta 'hawn fuq u l-HTML li ġej f'dokument:
Din it-tipa hi 14px jew 0.875 ems fl-għoli.
Dan il-paragrafu għandu nota ta 'qiegħ il-paġna fiha.
Filwaqt li dan huwa biss paragrafu fil-qiegħ tal-paġna.
It-test f'qiegħ il-paġna huwa diffiċli biex jinqara f'10px, huwa kważi illegali fi 8.75px.
Allura, meta tkun qed tuża EMS, jeħtieġ li tkun konxju ħafna tad-daqsijiet tal-oġġetti prinċipali, jew int ser tispiċċa b'xi elementi ta 'daqs verament fard fuq il-paġna tiegħek.