اڄ جي ويب برائوزر کي چريو ڏينهن کان ھڪڙو ڊگھو رستو اچي چڪو آھي جتي ڪنھن قسم جو پارڪر برائوزر لاڳيتار خواھش سوچ ھو. اڄ جي ويب برائوزر تمام تعميل آهن. اهي سٺيون گڏجي گڏجي ۽ مختلف برائوزررن ۾ منصفانه پندرهن ڊسپلي کي پهچائڻ. هن ۾ گوگل ڪروم، جو جديد ايج، موزوي فائر فاکس، اوپيرا، سفاري، ۽ ميريا جي ڊوائيس تي ملندڙ مختلف برائوزرن جو تازو ورزن شامل آهي اڄ تائين ويب سائيٽ تائين رسائي حاصل ڪرڻ لاء.
جڏهن ته ويب برائوزرن تي اچي جڏهن پيش ڪيو ويو آهي ۽ انهن کي سي ڊي ڊسپلي ڪيو ويو آهي، جڏهن ته انهن مختلف قسم جي سافٽ ويئر جي اختيارن جي وچ ۾ اڃا به اختلاف موجود آهن. عام هڪ جهڙن تسلسلن مان هڪ آهي ته اهي برائوزر جيڪي ڊزائينز، پيڊنگ، ۽ حدن جي حساب سان حساب ڏين ٿا.
ڇو ته باڪس جي اهڙن خانداني نمونن کي سڀني HTML عناصرن جو اثر اثر پوي ٿو، ۽ اهي اهي صفحي جي ترتيب ٺاهڻ ۾ لازمي آهن، هڪ متضاد ڊسپلي جو مطلب اهو آهي ته صفحي هڪ برائوزر ۾ وڏو نظر اچي ٿو، پر ڪنهن ٻئي ۾ ٿورو ڪجهه نظر اچي ٿي. هن مسئلي کي منهن ڏيڻ لاء، ڪيترائي ويب ڊزائنر باڪس جي ماڊل کي انهن نقشن کي معمول ڏيندا آهن. اهو عملي طور تي "صفر ڪڍڻ" جي نالي سان سڃاتو وڃي ٿو، انهن جي مارجن، لڳائڻ ۽ سرحدون لاء.
برائوزر جي سڌارن تي هڪ نوٽ
ويب برائوزر سڀني صفحي جي مخصوص نمائشن لاء سڀني کان ڊفالڪ سيٽنگون آهن. مثال طور، هائپر لنڪون نيري ۽ هيٺ ڏنل ترتيب ڏنل آهن. اهو مختلف برائوزرن جي وچ ۾ جهڙي آهي، ۽ جيتوڻيڪ اهو ڪجهه اهو آهي ته اڪثر ڊزائنر پنهنجي مخصوص منصوبي جي ڊزائن جي ضرورت مطابق تبديل ڪن ٿا، حقيقت اها آهي ته اهي سڀ ساڳيا ئي رڪاوٽن سان شروع ٿين ٿيون انهن کي تبديل ڪرڻ آسان بڻائي ٿو. افسوس، مارجن، پيڊنگ، ۽ سرحدن لاء ڊيموڪريڪ قيمت ساڳيا پار ڪري برائوزر برائوزريت جو لطف اندوز ناهي.
مارڪسز ۽ پيڊنگ لاء قيمتون وڌائڻ
متضاد باڪس ماڊل جي مسئلي کي حل ڪرڻ جو بهترين رستو HTML عناصر جي سڀني حاڪمن ۽ ختم ڪرڻ جي قيمت مقرر ڪرڻ لاء صفر تائين آهي. ڪجھ ڪجھ طريقا آھن جيڪي توھان ڪري سگھن ٿا ھي توھان جي اسلوٽس شيٽ ۾ سي ايس ايس جي اصول کي شامل ڪرڻ لاء آھي.
* {حاجن: 0؛ لڳائڻ: 0؛ }ھي سي ڊي سي ضابطي * يا وائلڊ ڪارڪرڪ ڪردار استعمال ڪري ٿي. اهو لفظ "سڀني عنصر" جو مطلب آهي ۽ اهو بنيادي طور تي هر HTML عنصر چونڊيندو آهي ۽ 0 تي حاڪمن ۽ گنجائش مقرر ڪندو. جيتوڻيڪ اهو اصول بلڪل غير معمولي آهي، ڇاڪاڻ ته اهو توهان جي ٻاهرئين شاليٽ شيٽ ۾ آهي، ان ۾ هڪ اعلي مخصوصيت وارو ڊفالٽ برائوزر هوندي انهن کي ڏيو. تنهن ڪري اهي اهي رڪاوٽون آهن جيڪي توهان مٿان لکيا ويندا آهن، اهو هڪ انداز جيڪو توهان ٺاهڻ لاء ڪيو آهي سو پورو ڪندو.
ٻيو اختيار اهو آهي ته هنن اقدار تي HTML ۽ جسم جي عناصرن تي لاڳو ڪرڻ. ڇو ته توهان جي صفحي تي ٻيا سڀئي عنصر انهن ٻن عنصر جا ٻارن ٿيندا، سي ايس سيزاسا انهن اهڙن سڀني عنصرن کي لاڳو ڪرڻ گهرجي.
html، جسم {margin: 0؛ لڳائڻ: 0؛ }اهو توهان جي برائوزر تي ساڳيو جاء تي شروع ڪندو، پر ياد رکڻ لاء هڪ شيء اهو آهي ته هڪ ڀيرو توهان سڀني مجن ۽ بندن کي بند ڪري ڇڏيندا، توهان کي انهن جي چونڊ واري ويب سائيٽ جي مخصوص حصن لاء واپس موٽڻ جي ضرورت پوندي. ۽ محسوس ڪيو ته توهان جي ڊزائينزن لاء ڪتب آڻيندي.
سرحدون
توهان شايد سوچيو ٿي سگهي ٿو "پر ڪو به برائوزر جسم جي چوڌاري جسم جي حدن جي چوڌاري سرحد نه آهي". اهو سختي سان سچ ناهي. انٽرنيٽ ايڪسپلورر جي پراڻن ورزن عناصر جي چوڌاري شفاف يا پوشیدہ سرحد آهي. جيستائين توهان سرحد ڏانهن 0 سيٽ ڪريو ٿا، اهو سرحد توهان جي صفحي جي ترتيب کي ڳنڍي سگھي ٿو. جيڪڏهن توهان فيصلو ڪيو آهي ته توهان IE جي ان قديم آثارن جي سپورٽ جاري رهندي، توهان کي پنهنجي جسم ۽ HTML شيلين تي هيٺين شامل ڪرڻ سان پتو پوندي.
HTML، body {
حاڪمن: 0px؛
گنجائش: 0px؛
سرحد: 0px؛
}
ساڳي طرح توهان مارجن ۽ پنگن کي ڪيئن بند ڪري ڇڏيندا آهن، اهو نئون انداز پڻ ڊفالٽ حد بند ڪري ٿو. توهان ساڳئي مضمون ۾ اڳوڻي ڏيکاريل وارڊ ڪارڊ چونڊيندڙ استعمال ڪندي پڻ ڪري سگھو ٿا.
اصل مضمون جينيفر ڪيريئن طرفان. 9/27/16 تي Jeremy Girard پاران ڏنل.