Ke hoʻohana nei iā Ems e hoʻololi i nāʻano nui
Ke kūkulu neiʻoe i kahi pūnaewele pūnaewele,ʻoi ka nui o nāʻoihana e'ōlelo aku i ka nui o ka mau leka (aʻo ka meaʻoiaʻiʻo, nā mea a pau) me kahi anaʻana likeʻole eMS, exs, percentages, or pixels. ʻO kēia no kouʻikeʻole i nāʻano likeʻole e nānā ai kekahi i kāuʻike. A inā hoʻohanaʻoe i kahi ana pono (inches, centimeters, millimeters, points, or picas) hiki ke hoʻopili i ka hōʻike a heluhelu paha o kaʻaoʻao ma nāʻano likeʻole.
A ke'ōlelo nei ka W3C e hoʻohanaʻoe i nāʻawa no ka nui.
Pehea ka nui o ka Em?
Wahi a W3C i kahi em:
"ua like ia me ka helu i heluʻia o ka 'font-size' waiwai o kaʻona i hoʻohanaʻia ai. i ka nui o ka momona o ka mea makua. "
I nā hua'ōlelo'ē aʻe,ʻaʻole lawa ka nui o nā ems. Lawe lākou i nā koina nui e pili ana i kahi o lākou. No ka hapanui o nā mea hoʻolāki pūnaewele , eia keʻano i loko o ka pūnaewele pūnaewele, no laila, kahi laulima iʻoi aku ka lōʻihi 1m like ka nui o ka momotuhi paʻamau no kēlā polokalamu kele pūnaewele.
Akā, pehea ka lōʻihi o ka nuiʻole? ʻAʻohe alanui e hiki ke 100% mau, no ka mea, hiki i nā mea kūʻai ke hoʻololi i ka nui o ka momona paʻamau i ko lākou mau pūnaewele, akā, mai ka nui o nā kānakaʻaʻole hiki iāʻoe ke manaʻo he nui ka nui o ka nui o kaʻikepili o 16px. No laila ka hapanui o ka manawa 1em = 16px .
E noʻonoʻo i Pixels, E hoʻohana i Ems no ke Ana
Ināʻikeʻoe i ka nui o ka momona paʻamau 16px, hiki iāʻoe ke hoʻohana i nā lemu no kaʻaeʻana i kāu mea kūʻai e hoʻololi hou i ka palapala akā e noʻonoʻo i nā pixeli no kāu nui.
E'ōleloʻoe i kahiʻano nui e like me kēia:
- Kauwehe 1 - 20px
- Kauwehe 2 - 18px
- Kauwehe 3 - 16px
- Kākau nui - 14px
- Kākau kikokikona - 12px
- Nā Palapala Hōʻaia - 10px
Hiki iāʻoe ke ho'ākāka i kēlāʻano me ka hoʻohanaʻana i nā pixels no ke ana, akā naʻe,ʻaʻole hiki i kekahi e hoʻohana ana i ka IE 6 a me 7 ke hiki ke hoʻonui hou i kāuʻaoʻao. No laila, hoʻololiʻoe i nā nui i ka helu aʻo kēia wale nō kahi mea pili i kekahi math:
- Kauwehe 1 - 1.25em (16 x 1.25 = 20)
- Headline 2 - 1.125em (16 × 1.125 = 18)
- Headline 3 - 1em (1m = 16px)
- Mea nui - 0.875em (16 x 0.875 = 14)
- Ke kikokikona - 0.75em (16 x 0.75 = 12)
- Nā Kīmole - 0.625em (16 x 0.625 = 10)
Mai hoʻopoina i ka hoʻoilina!
Akā,ʻaʻoleʻo ia wale nō e loaʻa. ʻO ka mea'ē aʻe e ponoʻoe e hoʻomanaʻo,ʻo ia ke lawe i ka nui o ka makua. No laila, inā loaʻa iāʻoe nāʻano i hoʻohālikeʻia me nā anapili likeʻole, hiki iāʻoe ke hoʻopau me kahi kahaʻoiʻuʻuku aʻoi aku paha ma mua o ka mea e manaʻoʻia nei.
No ka laʻana, hiki iāʻoe ke loaʻa i kahi pēke pepa e like me kēia:
p-size: 0.875em; }
Kāleka font-size: 0.625em; }
ʻO kēia ka hopena i nā momona he 14px a me 10px no ka mea kikokikona a me nā helu haʻahaʻa. Akā ināʻoe e hoʻokomo i ka hua'ōlelo ma lalo o ka pauku, hiki iāʻoe ke hoʻopau me kaʻenehana he 8.75px ma kahi o 10px. E ho'āʻo iāʻoe iho, e kau i kēia CSS ma luna nei a me nā HTML i loko o ka puke:
ʻO kēia ana he 14px aiʻole 0.875 ka lōʻihi.
ʻO kēia paukū he kumu'āina ma lalo.
ʻOiaiʻo kēia wale nō ka paukū kikokikona.
He paʻakikī ka kikokikona kikokikona e heluhelu ma ka 10px,ʻaneʻane kokoke i ke kānāwai i 8.75px.
No laila, inā hoʻohanaʻoe i ka ems, ponoʻoe e noʻonoʻo i nā nui o nā mea makua, aiʻole e pau pahaʻoe me kekahi mau mea nui nui ma kāuʻaoʻao.