د لیکونو د شکل بدلولو لپاره Ems کارول
کله چې تاسو د ویب پاڼې جوړولو جوړوئ، ډیری مسلکیان دا وړاندیز کوي چې تاسو فونټونه (او په واقعیت کې، هر شی) د یو اړخیز انداز سره لکه ems، exs، percentages، یا پکسلز سره. دا ځکه چې تاسو واقعیا په مختلفو الرو نه پوهیږئ چې څوک ستاسو محتوا لیدلی شي. او که تاسو دقیق اندازه استعمال کړئ (انچ، سینټینټ، ملی متره، پوائنټ، یا پیکا) کېدای شي چې دا د پاڼې د نمونه یا لوستلو توان په بیلابیلو وسیلو کې اغیزمن کړي.
او W3C سپارښتنه کوي چې تاسو د اندازو لپاره د ems کاروئ.
مګر ایم لوی څومره دی؟
د W3C په وینا یو:
"د عنصر د 'font-size' د ملکیت ملکیت سره مساوي دی، چې دا کار کارول کیږي. استثنا کله چې 'em' د ځان لپاره د 'font-size' ارزښت کې واقع کیږي، په کوم حالت کې دې د والدین عنصر د فورمو اندازې ته. "
په بل عبارت، امس مطلق اندازه نلري. دوی د دوی د اندازې ارزښتونو ته په پام سره د هغو ځایونو پر بنسټ اخلي. د ډیری ویب ډیزاینرانو لپاره ، دا پدې مانا ده چې دوی د ویب برنټر کې دي، نو داسې یو فکس چې د 1em قد دی په همدغه انداز کې ورته د اندازې ورته اندازې په توګه د دې برائوزر لپاره د فایټ ډک اندازه.
مګر د اندازې اندازه څومره ده؟ د 100٪ مشخص کولو لپاره کومه لاره نشته، ځکه چې پیرودونکي کولی شي خپل د انټرنیټ ټایټ اندازې په خپلو لټونونو کې بدل کړي، مګر د ډیرو خلکو نه تاسو کولی شئ داسې فکر وکړئ چې ډیری برقیان د 16px اصلي فایټ انداز لري. نو ډیری وخت 1em = 16px .
په پکسل کې فکر وکړئ، د اندازه کولو لپاره Ems کاروئ
یو ځل چې تاسو پوهیږئ چې د فایټ ډیفینټ اندازه 16px دی، نو بیا کولی شئ د ems کاروونکو ته اجازه ورکړئ چې پاڼه په اسانۍ سره بدله کړي مګر ستاسو د بڼې د انداز لپاره پکسلونو کې فکر وکړئ.
ووایاست چې تاسو د سیسټم جوړښت لرئ داسې یو څه لکه:
- سرلیک 1 - 20 پی ایکس
- سرلیک 2 - 18px
- سرلیک 3 - 16px
- اصلي متن - 14px
- فرعي متن - 12px
- فوټرنېټونه - 10px
تاسو کولی شئ د اندازې لپاره د پکسلونو کارولو الرې ته تعریف کړئ، مګر وروسته څوک چې د IE 6 او 7 کاروي ستاسو د پاڼې ښه سمبالولو توان نلري. نو تاسو باید دا اندازه ایز ته واړوئ او دا یوازې د ریاضی موضوع ده:
- سرلیک 1 - 1.25em (16 x 1.25 = 20)
- سرلیک 2 - 1.125em (16 × 1.125 = 18)
- سرلیک 3 - 1em (1em = 16px)
- اصلي متن - 0.875em (16 x 0.875 = 14)
- فرعي متن - 0.75em (16 x 0.75 = 12)
- فوټرنټونه - 0.625em (16 x 0.625 = 10)
د وراثت مه اخلئ!
مګر دا ټول د مهاجرینو لپاره شتون نلري. هغه څه چې تاسو ورته اړتیا لرئ دا ده چې دوی د مور او پلار اندازه اندازه کوي. نو که تاسو د مختلف رنګونو اندازو سره نیسټ عناصر لرئ، تاسو کولی شئ د فلیټ سره ډیره کوچنۍ یا لویه تاسو له تمې سره پای ته ورسئ.
د مثال په توګه، تاسو ښايي داسې یو طرزالعمل ولري لکه:
p {د فون اندازه: 0.875em؛ }
.footnote {د فون اندازه: 0.625em؛ }
دا به د فونټونو په نتیجه کې چې په ترتیب سره د اصلي متن او لمړیتوب لپاره 14px او 10px وي. مګر که تاسو په پراګراف کې پورتنۍ نښه ولرئ، تاسو کولی شئ د متن سره پای ته ورسیږئ چې د 10px پر ځای 8.75px دی. دا پخپله هڅه وکړئ، دا پورته سیسټم او لاندې سند HTML په یوه سند کې وساتئ:
دا فونټ 14px یا 0.875 ems لوړوالی لري.
دا پراګراف په دې کې فوټرنېټ لري.
پداسې حال کې چې دا یوازې د پیژندنې پیراګراف دی.
د پورتنی متن متن په 10px کې ستونزمن دی، دا تقریبا 8.75px په غیر قانوني توګه دی.
نو، کله چې تاسو ems کاروئ نو تاسو اړتیا لرئ چې د پلرونو د اندازو له اندازې څخه خبر یاست، یا تاسو به ستاسو په پاڼه کې د ریښتیا یو شمیر بیلابیلو اړخونو سره پای ته ورسیږئ.