Amfani da Ems don canza nau'in masu yawa
Lokacin da kake gina ɗakin yanar gizon, yawancin masu sana'a sun ba da shawarar cewa ka fi yawan rubutu (kuma a gaskiya, duk abin) tare da iyakar dangi irin su ems, exs, percentages, ko pixels. Wannan shi ne saboda ba ku san duk hanyoyi daban-daban da wani zai iya duba abubuwanku ba. Kuma idan kuna amfani da ma'auni (inci, centimeters, millimeters, maki, ko picas) zai iya rinjayar nuni ko karantawa na shafin a cikin na'urori daban-daban.
Kuma W3C yana bada shawarar cewa kayi amfani da na'urori masu yawa.
Amma Yaya Big yake Em?
A cewar W3C wani em:
"daidai yake da darajar da aka lissafta ta 'font-size' dukiyar da aka yi amfani da shi. Banda shine lokacin da 'em' ya faru a cikin darajar 'kayan' font-size 'da kanta, a cikin abin da yake nufi zuwa ga girman nauyin iyayen mahaifa. "
A wasu kalmomi, ƙira ba su da cikakken girman. Suna daukan girman girman su bisa ga inda suke. Ga mafi yawan masu zane-zane na yanar gizo , wannan yana nufin cewa sun kasance a cikin mashigin yanar gizo, saboda haka wani layin da ke da tsayi mai tsawo daidai ne daidai girman girman launuka na wannan mai bincike.
Amma yaya tsawon girman tsoho? Babu wata hanya ta zama 100% wasu, saboda abokan ciniki zasu iya canja yawan gurbin su a cikin masu bincike, amma tun da yawancin mutane ba za ku iya ɗauka cewa mafi yawan masu bincike suna da girman nauyin 16px ba. Don haka mafi yawan lokaci 1em = 16px .
Yi tunani a Pixels, Yi amfani da Ems don Matakan
Da zarar ka san cewa size tsoho size ne 16px, to, za ka iya amfani da na'urori don ba da damar abokan ciniki su sake mayar da shafin a sauƙi amma suyi tunani a cikin pixels don yawan masu girma.
Ka ce kana da tsari mai girma irin wannan:
- Labari na 1 - 20px
- Labari na 2 - 18px
- Labari na 3 - 16px
- Babban rubutu - 14px
- Sub text - 12px
- Bayanan labari - 10px
Zaka iya ayyana su ta hanyar amfani da pixels don auna, amma duk wanda ke yin amfani da IE 6 da 7 ba zai iya sake mayar da shafinka ba sosai. Saboda haka ya kamata ka maida da girma zuwa ga jimloli kuma wannan abu ne kawai na matsa:
- Labari na 1 - 1.25em (16 x 1.25 = 20)
- Labari na 2 - 1.125em (16 × 1.125 = 18)
- Labari na 3 - 1em (1m = 16px)
- Babban rubutu - 0.875em (16 x 0.875 = 14)
- Sub text - 0.75em (16 x 0.75 = 12)
- Bayanan rubutu - 0.625em (16 x 0.625 = 10)
Kar ka manta da Gida!
Amma ba haka ba ne kawai. Sauran abu da kake buƙatar tunawa shi ne cewa suna daukar nauyin iyayen. Don haka idan kuna da abubuwa masu haɓaka tare da manyan nau'o'in, za ku iya ƙare tare da ƙarami ko ƙarami fiye da yadda kuke tsammani.
Alal misali, kuna iya samun takarda style kamar wannan:
p {font-size: 0.875em; }
.nomi {font-size: 0.625em; }
Wannan zai haifar da rubutun da suke da hotuna 14px da 10px don rubutu mai mahimmanci da kalmomi a biyun. Amma idan kun sanya alamar ƙamshi a cikin sakin layi, za ku iya ƙare da rubutu wanda yake da 8.75px maimakon 10px. Gwada shi da kanka, sanya wannan CSS da ke sama da wadannan HTML a cikin takardun:
Wannan jigilar ita ce 14px ko 0.875 a cikin tsawo.
Wannan sakin layi yana da alamar ƙididdiga a ciki.
Duk da yake wannan ƙaddara ce kawai.
Rubutun ƙafar ƙaƙƙarfan abu ne mai wuya a karanta a 10px, kusan kusan ba bisa ka'ida ba a 8.75px.
Don haka, lokacin da kake amfani da sauti, kana buƙatar ka san ainihin abubuwan iyaye, ko za ka ƙare tare da wasu abubuwa masu yawa a cikin shafinka.