فون استعمال کرنے کے لئے ایم ایس کا استعمال کرتے ہوئے
جب آپ کسی ویب صفحہ کی تعمیر کررہے ہیں تو، زیادہ تر پیشہ ور کی سفارش کرتے ہیں کہ آپ فونٹ سائز (اور حقیقت میں، سب کچھ) کے ساتھ ایک نسبتا پیمانے پر جیسے ems، exs، percentages، or pixels. یہ ہے کیونکہ آپ واقعی آپ کے مواد کو دیکھنے کے تمام مختلف طریقوں کو نہیں جانتے. اور اگر آپ مطلق پیمائش (انچ، سینٹی میٹر، ملٹی میٹر، پوائنٹس یا پیناس) کا استعمال کرتے ہیں تو یہ مختلف آلات میں صفحے کے ڈسپلے یا پڑھنے والی صلاحیت پر اثر انداز کر سکتا ہے.
اور W3C کی سفارش کی جاتی ہے کہ آپ سائز کے لئے ems استعمال کرتے ہیں.
لیکن ایم کیو ایم کتنی بڑی ہے
W3C کے مطابق ایک ای:
"عنصر کے 'فونٹ سائز' کی جائیداد کی قیمت کے برابر ہے جس پر اس کا استعمال کیا جاتا ہے. استثنا یہ ہے کہ 'ای' جب 'فونٹ سائز' کی جائیداد کی قیمت میں ہوتا ہے، جس میں اس کا ذکر ہوتا ہے والدین عنصر کے فونٹ سائز میں. "
دوسرے الفاظ میں، ہمارے پاس مکمل سائز نہیں ہے. وہ ان کی قیمتوں پر مبنی ہیں جہاں وہ ہیں. سب سے زیادہ ویب ڈیزائنرز کے لئے ، اس کا مطلب یہ ہے کہ وہ ویب براؤزر میں ہیں، لہذا اس فونٹ جو 1em کی لمبائی ہے اسی براؤزر کے لئے ڈیفالٹ فونٹ کا سائز بالکل وہی سائز ہے.
لیکن پہلے سے طے شدہ سائز کتنا قد ہے؟ 100 فیصد ہونے کا کوئی طریقہ نہیں ہے، کیونکہ گاہکوں کو اپنے براؤزر میں اپنا ڈیفالٹ فونٹ سائز تبدیل کر سکتے ہیں، لیکن چونکہ زیادہ تر لوگ آپ کو یہ نہیں کہہ سکتے ہیں کہ زیادہ تر براؤزرز کو 16px کے پہلے سے طے شدہ فونٹ کا سائز ہے. لہذا زیادہ سے زیادہ وقت 1em = 16px .
پکسلز میں سوچیں، پیمائش کے لئے ئیمایس کا استعمال کریں
ایک بار جب آپ جانتے ہیں کہ پہلے سے طے شدہ فونٹ کا سائز 16px ہے، تو آپ اپنے گاہکوں کو آسانی سے صفحے کا سائز تبدیل کرنے کے لۓ اپنے فونٹ کے سائز کے لئے پکسلز میں سوچنے کی اجازت دینے کیلئے ایم ایسز استعمال کرسکتے ہیں.
کہہ دو کہ آپ کے سائز کا ڈھانچہ اس طرح کچھ ہے:
- عنوان 1 - 20 پی ایکس
- عنوان 2 - 18 پی ایکس
- عنوان 3 - 16px
- اہم متن - 14 پی ایکس
- ذیلی متن - 12px
- فوٹیاں - 10 پی ایکس
آپ انہیں پیمائش کے لئے پکسلز کا استعمال کرتے ہوئے اس طرح کی وضاحت کرسکتے ہیں، لیکن پھر کسی بھی IE 6 اور 7 کا استعمال کرتے ہوئے اپنے صفحے کو اچھی طرح سے تبدیل کرنے میں کامیاب نہیں ہوسکتا. لہذا آپ کو سائز کو ئیمایس میں تبدیل کرنا چاہئے اور یہ کچھ ریاضی کا معاملہ ہے.
- عنوان 1 - 1.25em (16 ایکس 1.25 = 20)
- عنوان 2 - 1.125em (16 × 1.125 = 18)
- عنوان 3 - 1em (1em = 16px)
- اہم متن - 0.875em (16 x 0.875 = 14)
- ذیلی متن - 0.75 ایم (16 ایکس 0.75 = 12)
- فوٹیاں - 0.625 ایم (16 ایکس 0.625 = 10)
جغرافیہ سے مت بھولنا!
لیکن یہ سب کچھ نہیں ہے. آپ کو یاد رکھنے کی دوسری چیز یہ ہے کہ وہ والدین کے سائز پر لے جاتے ہیں. لہذا اگر آپ مختلف فونٹ کے سائز کے ساتھ ناپسندیدہ عناصر رکھتے ہیں، تو آپ فونٹ کے ساتھ بہت کم یا بڑے سے آپ کی توقع کر سکتے ہیں.
مثال کے طور پر، آپ اس طرح ایک سٹائل شیٹ ہوسکتے ہیں:
p {فونٹ سائز: 0.875em؛ }
.فوٹنوٹ {فونٹ سائز: 0.625 ایم؛ }
اس کے نتیجے میں فونٹ جو بنیادی متن کے لئے 14px اور 10px ہیں اور فاتحوں کو क्रमशः. لیکن اگر آپ پیراگراف کے اندر ایک فوٹپوٹ ڈالتے ہیں، تو آپ متن کے ساتھ ختم ہوسکتے ہیں جو 10px بجائے 8.75 پییکس ہے. خود کو آزمائیں، اس دستاویز میں درج ذیل سی ایس ایس اور مندرجہ ذیل HTML درج کریں:
یہ فونٹ اونچائی میں 14 پی ایکس یا 0.875 ایم ایم ہے.
یہ پیراگراف اس میں ایک فوٹوتھا ہے.
یہ صرف ایک پیراگراف پیراگراف ہے جبکہ.
10px پر پڑھنے کے لئے فوٹوت متن مشکل ہے، یہ تقریبا 8.75 پییکس پر غیر قانونی ہے.
لہذا، جب آپ ems استعمال کر رہے ہیں تو، آپ کو والدین کی اشیاء کے سائز سے بہت واقف ہونا ضروری ہے، یا آپ اپنے صفحے پر کچھ واقعی مختلف سائز کے عناصر کے ساتھ ختم ہوجائیں گے.