فونٽ سائز تبديل ڪرڻ لاء ايم ايس استعمال ڪندي
جڏهن توهان ويب پيج ٺاهي رهيا آهيو، گهڻو ڪري پروفيسر انهي ڳالهه جي سفارش ڪن ٿا ته توهان جو ساٿي سائز (۽ حقيقت ۾، هر شيء) سان تعلق رکندڙ احتياط جهڙوڪ ايز، ايڪس، فيصلي، يا پکسلز سان. اهو ئي سبب آهي ته توهان واقعي سڀ مختلف طريقن سان ڄاڻ نه ٿا ڪن جيڪو ڪنهن کي توهان جي مواد کي ڏسي سگھي ٿو. ۽ جيڪڏهن توهان هڪ پورو ماپ (انچ، سينٽ ميٽرس، مليميٽر، پوائنٽ، يا پوڪن) استعمال ڪندا آهيو ته اهو مختلف ڊوائيسز ۾ صفحي جي ڊسپلي يا پڙهڻ واري اثر کي متاثر ڪري سگهي ٿو.
۽ W3C سفارش ڪري ٿو ته توهان سائيز لاء اي ايس استعمال ڪريو ٿا.
پر ايئن ڪيتري وڏي آهي؟
ايڇ ڊي سي جي مطابق هڪ اي:
"عنصر جو" فٽ-سائيٽ "ملڪيت جي برابر آهي، جيڪا استعمال ڪيو وڃي ٿي. خاص طور تي 'فون-سائيٽ' جي ملڪيت ۾ 'اي' ٿي وئي آهي، انهي صورت ۾ اهو ظاهر ٿئي ٿو ته والدين جي عنصر جي فائيل سائيز ڏانهن. "
ٻين لفظن ۾، اسان وٽ هڪ مڪمل سائز نه آهي. اهي پنهنجن سائيز تي ٻڌل آهن جن تي ٻڌل آهن. گھڻي ويب ڊيزائنرز لاء ، انهي جو مطلب هي آهي ته اهي ويب برائوزر ۾ آهن، تنهن ڪري هڪ فائيل جيڪا 1em قد آهي انهي ساڳئي سائيز جي طور تي انهي برائوزر لاء ڊفالٽ فائيل سائيز آهي.
پر مڪمل ڊائيل ڪيئن آهي؟ 100٪ ڪجهه ڪرڻ جو ڪو طريقو ناهي، جيئن گراهڪ پنهنجون برائوزر ۾ پنهنجون ڊفالٽ ڪٽرن کي تبديل ڪري سگهن ٿا، پر گهڻا ماڻهو توهان سمجهي نٿا سگھون ته اڪثر برائوزرن 16px جي ڊفالٽ فائيل سائيز ۾ آهن. تنهنڪري اڪثر وقت 1em = 16px آهي .
پکسلز ۾ سوچيو، استعمال لاء ايم ايس استعمال ڪريو
هڪ دفعو توهان کي ڄاڻ آهي ته ڊفالٽ فائيل سائيز 16px آهي، پوء توهان پنهنجي مراجعي کي صفحي کي آسان بڻائي ڇڏڻ جي اجازت ڏئي سگهو ٿا پر توهان جي فونٽ سائيز لاء پينسل ۾ سوچيو.
چوندا آهن ته توهان کي هڪ جوڙجڪ ڍانچي هن طرح ڪجهه آهي:
- هيڊل 1 - 20px
- هيڊ لائن 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 ۽ ترتيب وار فوٽرن لاء آهن. پر جيڪڏهن توهان هڪ پيراگراف ۾ هڪ فوٽپوٽو داخل ڪريو ٿا، ته توهان 10-6x بدران متن سان ختم ٿي سگهي ٿو جيڪا 8.75پيڪس آهي. ان جي ڪوشش ڪريو، هي مٿي سي ايس ايس ۽ هيٺ ڏنل HTML ڪنهن دستاويزن ۾ رکايو:
هي فائيل اونچائي ۾ 14px يا 0.875 اي ميل آهي.
ھن پيراگراف ۾ ھڪ فوٽيڪوٽ آھي.
جڏهن ته رڳو هڪ فوٽنوٽ پيراگراف آهي.
پيادنيٽ جي لکت 10px تي پڙهڻ لاء ڏکيو آهي، اهو تقريبا 8.75px تي غير قانوني آهي.
تنهن ڪري، جڏهن توهان اي ايم استعمال ڪيو ٿا، توهان کي پنهنجي والدين جي اندازي جي اندازي کان واقف ٿيڻ جي ضرورت آهي، يا توهان کي پنهنجي صفحي تي ڪجهه حقيقت جي مختلف قسم جي عناصر سان ختم ڪنداسين.