Ampiasao ny Ems hanova ny endri-tsoratra
Rehefa manorina pejy web ianao, ny ankamaroan'ny matihanina dia manoro hevitra mba hampitombo ny fonosana (ary raha ny marina, ny zava-drehetra) miaraka amin'ny fepetra hentitra toy ny ems, exs, percentages, na pixels. Izany dia satria tsy tena fantatrao ny fomba rehetra mety hijerin'ny olona iray ny votoatinao. Ary raha mampiasa fepetra (santimetatra, santimetatra, milimetatra, teboka na picas) ianao dia mety hisy fiantraikany amin'ny fampisehoana na famakiana ny pejy amin'ny fitaovana samihafa.
Ary ny W3C dia manoro hevitra amin'ny fampiasanao ems amin'ny habe.
Fa ahoana ny isa lehibe?
Araka ny voalazan'ny W3C:
"dia mitovy amin'ny sanda natokana ho an'ny 'font-size' fananan 'ilay singa ampiasaina ampiasaina. Ny endriny dia rehefa ny' em 'dia miseho amin'ny sandan'ny' font-size 'fananana ny tenany manokana, ho an'ny haben'ny rindrin'ny singa parent. "
Amin'ny teny hafa, ny ems dia tsy manana habeny tanteraka. Maka ny soatoavina mifototra amin'ny toerana misy azy izy ireo. Ho an'ny ankamaroan'ny mpanamboatra tranonkala , midika izany fa ao anaty tranonkala izy ireo, noho izany dia misy karazan-tsoratra iray izay 1m ny halehibeny mitovy ny habeny amin'ny endritsoratra ho an'ny browser.
Fa ahoana ny halehiben'ny habeny? Tsy misy fomba ahafahana 100% ho an'ny sasany, satria afaka manova ny habeo amin'ny alàlan'ny tranonkalany ny mpanjifa, fa satria ny ankamaroan'ny olona dia tsy azonao an-tsaina fa ny ankamaroan'ny navigateur dia manana habe 16px. Noho izany ny ankamaroan'ny fotoana 1em = 16px .
Eritrereto amin'ny sary, ampiasao ny mizana
Raha vao fantatrao fa 16px ny habeo maimaim-poana, azonao ampiasaina avy eo ny ems mba ahafahan'ny mpanjifanao manova ny pejy mora saingy mieritreritra ao anaty piksela ho an'ny habeo.
Milazà fa manana rafitra misy endrika ianao toy izao:
- Lohateny 1 - 20px
- Lohateny 2 - 18px
- Lohateny 3 - 16px
- Andininy voalohany - 14px
- Andinin-teny - 12px
- Fanamarihana ambany pejy - 10p
Azonao atao ny mamaritra azy ireny amin'ny fampiasana pikantsary ho an'ny fepetra, fa izay olona mampiasa ny IE 6 sy 7 dia tsy ho afaka hanatsara kokoa ny pejinao. Koa tokony hampiova ny habeo ianao ary resaka matematika fotsiny izany:
- Lohateny 1 - 1.25m (16 x 1.25 = 20)
- Lohateny 2 - 1.125em (16 × 1.125 = 18)
- Lohateny 3 - 1em (1em = 16px)
- Ny lahatsoratra lehibe - 0.875em (16 x 0.875 = 14)
- Text sub - 0.75em (16 x 0.75 = 12)
- Fanamarihana ambany pejy - 0.625 (16 x 0,625 = 10)
Aza hadinoina ny lova!
Saingy tsy izany rehetra izany dia ny ems. Ny zavatra hafa tokony hotadidinao dia ny halalin'ny ray aman-dreniny. Noho izany raha toa ka nampidirinao ireo singa manana loko maromaro ianao, dia mety ho latsaka kely na lehibe kokoa noho ny fanantenanao.
Azonao atao, ohatra, ny mombamomba azy toy izao:
p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }
Izany dia mitarika endritsoratra 14px sy 10px ho an'ny soratra fototra sy ny fanamarihana ambany pejy. Fa raha mametraka fanamarihana ambany pejy ao anatin'ny fehintsoratra ianao, dia mety ho amin'ny endritsoratra izay 8.75px fa tsy 10px. Andramo izany, alao ny CSS ary ny HTML manaraka:
Ity endri-tsoratra ity dia 14px na 0,875 ny haavony.
Ity fehintsoratra ity dia misy fanamarihana ambany pejy ao anatiny.
Na dia fehintsoratra fotsiny aza io.
Sarotra ny mamaky amin'ny tenifototra 10px ny lahatsoratra fanamarihana ambany pejy, sarotra be amin'ny 8.75px.
Noho izany, raha mampiasa ems ianao, dia mila mahafantatra tsara ny habetsaky ny zavatra tian'ny ray aman-dreninao ianao, na ianao hiafara amin'ireo singa tena mampihoron-koditra ao amin'ny pejinao.