Kushandisa Ems kushandura mafaira emhando
Paunenge uchivaka peji reWebhu, vazhinji vashandi vanokurudzira kuti iwe ukure mafonti (uye chaizvoizvo, zvinhu zvose) nechiyero chechimiro chakadai se ems, exs, mapeji, kana pixels. Izvi ndechokuti iwe hauzive zvachose nzira dzakasiyana dzokuti mumwe munhu angaona zviri mukati mako. Uye kana ukashandisa muyero wakakwana (masentimita, masentimita, mamita, mamita, kana picas) zvinogona kuchinja kuonekwa kana kuverenga kwejiji mune zvigadzirwa zvakasiyana.
Uye W3C inokurudzira kuti iwe ushandise ems for size.
Asi Ko Big Big Em?
Maererano neW3C em em:
"iyo yakaenzana nekodzero yekodhi ye" font-size "yeimba yechinhu iyo inoshandiswa.Asi kunze kwekuti 'em' inowanikwa mukukosha kwe" font-size "pachake pachake, iyo iyo inoreva kusvika paukuru hwemhando yezvomubereki. "
Mune mamwe mazwi, ems hauna uwandu hunokwana. Vanotora hukuru hwavo hutsika zvichibva kwavari. Kune vakawanda veWeb design , izvi zvinoreva kuti vari muWebb browser, saka mhando iyo 1em yakareba yakakura zvakaenzana nekushamba kwemafaira ekushandurwa kweyo browser.
Asi iyo yakareba ndeyei zvisingakoshi? Hapana imwe nzira yekuve nayo 100% chechokwadi, sezvo vatengi vanogona kuchinja kushandiswa kwavo kwemafaira ekushambadzira mumashambapiti avo, asi sezvo vanhu vakawanda haugoni kufunga kuti mhando dzakawanda dzevhesi dzakashambadzika hukuru hwepasita 16px. Saka kazhinji nguva 1em = 16px .
Funga muPikisi, Shandisa maEms kuti uite
Kana wakaziva kuti kushandiswa kwemafaira akakwana 16px, unogona kushandisa ems kuti abvumira vateereri vako kuti vagadzirise peji nyore asi funga mumapikisikisi ekukura kwepafaira.
Iti iwe une chimiro chekusimudza chimwe chinhu chakadai:
- Musoro wekutanga - 20px
- Musoro wepiri - 18px
- Musoro wechitatu - 16px
- Musoro mukuru - 14px
- Sub text - 12px
- Mashoko Omuzasi - 10px
Unogona kuzvitsanangurira nenzira iyo uchishandisa mapikisikero nokuda kwekuyera, asi ipapo ani naani anoshandisa IE 6 ne7 haazokwanisa kuchinja reji rako zvakanaka. Saka iwe unofanirwa kushandura masikirwo emas uye iyi inongova nyaya yemamwe math:
- Musoro wekutanga - 1.25em (16 x 1.25 = 20)
- Musoro wechipiri - 1.125em (16 × 1.125 = 18)
- Musoro wechitatu - 1em (1em = 16px)
- Nyaya huru - 0.875em (16 x 0.875 = 14)
- Sub text - 0.75em (16 x 0.75 = 12)
- Mapeji - 0.625em (16 x 0.625 = 10)
Usakanganwa Nhaka!
Asi izvi hazvisi zvose kune ems. Chimwe chinhu chaunofanira kuyeuka ndechekuti vanotora hukuru hwemubereki. Saka kana iwe wakagadzira zvinhu zvakasiyana-siyana uye mazita akasiyana-siyana, iwe unogona kuguma nefoni yakawanda kana yakakura kudarika iwe unotarisira.
Somuenzaniso, unogona kuva nepepeti yakafanana neizvi:
p {font-size: 0.875m; }
.footnote {font-size: 0.625em; }
Izvi zvingaguma nemasita ane 14px uye 10px emutsetse mukuru uye mashoko ezasi. Asi kana iwe ukaisa mashoko omuzasi mukati mendima, unogona kuguma nemashoko akanyorwa ari 8.75px pane 10px. Edza iwe pachako, isa izvi CSS iri pamusoro apa ne HTML inotevera mune imwe nyanzvi:
Iyi mhando iyi 14px kana 0.875 ems pakureba.
Iyi ndima ine ine mashoko omuzasi mukati mayo.
Kunyange iri iri kungoreva mashoko omuzasi ndima.
Rugwaro rwemashoko ezasi rwakaoma kuverenga pa10px, rinenge risina kubvumidzwa pa 8.75px.
Saka, paunenge uchishandisa ems, iwe unofanirwa kunyatsoziva hukuru hwezvinhu zvevabereki, kana iwe uchagumisa nezvimwe zvinhu zvisinganzwisisiki zvakajeka pane peji rako.