ھڪڙي عام طور تي پڇيو ويب سائيٽ ڊزائين ۾ سوال آھي "توھان ڪھڙو عنصر جي 100٪ تائين مقرر ڪيو آھي؟"
اهو شايد هڪ آسان جواب وانگر لڳي سگهي ٿو. توهان کي صرف هڪ عنصر جي اونچائي 100٪ تائين سيٽ ڪرڻ لاء سي ايس استعمال ڪريو، پر اهو هميشه هن عنصر کي سڄو برائوزر ونڊو کي فٽ ڪرڻ نٿو ڏئي. اچو ته اهو نتيجو ڪڍيو ڇو ته اهو ٿئي ٿو ۽ اهو بصري انداز حاصل ڪرڻ لاء توهان ڇا ڪري سگهو ٿا.
پکسلز ۽ فيصد
جڏهن توهان CSS عنصرن ۽ پکسلز استعمال ڪندي هڪ عنصر جي اوچائي بيان ڪري ٿي، انهي عنصر برائوزر ۾ گهڻو عمودي جڳه وٺي ويندي.
مثال طور، اونچائي سان هڪ پيراگراف: 100px؛ توھان جي ڊزائين ۾ عمودي خلا جي 100 پکسلز وٺي ويندا. ڪھڙو مسئلو ڪونھي توھان جي برائوزر ونڊو ڪيئن آھي، ھي عنصر اونچائي ۾ 100 پيڪس ٿيندو.
سيڪڙو سيڪڙو سلسل کان وڌيڪ ڪم آڻيندي. W3C جي بيان مطابق، فيصلي جي وزن کي ڪنٽرول جي اوچائي جي احترام سان شمار ڪيو ويو آهي. پوء جيڪڏهن توهان پيراگراف اونچائي برابر ڪيو: 50٪؛ ھڪڙو ڊيڍ جي اندر جي اوچائي 100px سان، ان جي پيچي 50 فوٽ اونچائي ۾ ٿيندي، جيڪا ان جي 50٪ يعني والدين عنصر آھي.
ڇو سيڪڙو وزن جي ڇوڪري ناڪام آهي
جيڪڏهن توهان ويب پيج ڊزائيننگ ڪري رهيا آهيو، ۽ توهان هڪ ڪلوار آهي جنهن کي توهان ونڊوको पूर्ण उचाई उठाउन चाहानुहुन्छ، प्राकृतिक झुकाव उचाइ थप्न हो: 100٪؛ انهي جو عنصر آخرڪار، جيڪڏهن چوٿين چوٽي کي چوڪايو ته: 100٪؛ اهو عنصر صفحي جي پورو افقي اسپريڊ کي وٺي سگهندو، تنهنڪري اونچائي ساڳي ڪم ڪرڻ گهرجي، ٺيڪ؟ بدقسمتي سان، اهو سڀ ڪجهه نه آهي.
سمجهڻ لاء اهو ڇو ٿي، توهان کي اهو سمجهڻ گهرجي ته ڪيئن برائوزرن جي ڊيگهه ۽ چوٿين کي تفسير ڪجي. ويب برائوزرن مجموعي چوٿين کي ڪل فنڪشن جي حساب سان ڳڻيندو آهي ته ڪئين برائوزر ونڊو کوليو ويندو آهي. جيڪڏهن توهان پنهنجي دستاويزن تي ڪا چوٿين قيمت مقرر نه ڪيو، برائوزر خود بخود مواد کي فوري طور تي مڪمل چوڻي ڀرڻ لاء وهندو (100٪ چوڪيدار ڊفالٽ آهي).
اوچائي قيمت مختلف طور چوڪ کان مٿي آهي. حقيقت ۾، برائوزر سڀ کان وڌيڪ قدمن جو جائزو وٺندا آهن پر اهو مواد ايتري عرصي کان ٻاهر نڪري ويو آهي (انهي سلسلي کي سکرول بار جي ضرورت هوندي آهي) يا ويب ڊزائينر هن صفحي تي عنصر لاء بلڪل اوچائي مقرر ڪري ٿو. ٻي صورت ۾، برائوزر صرف مواد کي ڏسڻ وارو چوٿين اندر جي وهڪري جي اندر پهچندي آهي جيستائين اهو ختم ٿيڻ تائين. اونداهي اصل ۾ ڏوهه نه آهي.
مشڪلات جڏهن ٿيندي آهي ته توهان هڪ عنصر تي هڪ عنصر مقرر ڪيو آهي جيڪو پيٽرن سيٽ کان بغير والدين عناصر آهن - ٻين لفظن ۾، والدين عناصر هڪ ڊفالٽ طيف آهي: آٽو؛ . توهان آهيو، اثر انداز ۾، برائوزر پڇڻ لاء اڻ ڳڻي قدر جي اوچائي حساب ڪرڻ لاء. ڇاڪاڻ ته انهي جي برابر هڪ نول-قيمت برابر هوندو، نتيجو اهو آهي ته برائوزر هيئن ناهي.
جيڪڏهن توهان پنهنجي ويب صفحن تي اونچائي تي فيصد مقرر ڪرڻ چاهيندا آهيو، توهان کي هر پيروي جي عنصر کي جيڪو توهان چاهيو ٿا ان جي ڊيچ کي مقرر ڪيو وڃي. ٻين لفظن ۾، جيڪڏهن توهان وٽ هن صفحي وانگر آهي:
هتي مواد
اوھان کي غالبا ڊي ۽ پيراگراف ان کي 100٪ اونچائي حاصل ڪرڻ چاھيو ٿا، پر اصل ۾ دو والدین عناصر:
۽. لاڳاپو اونچائي تي ڊي جي اونچائي کي مقرر ڪرڻ لاء، توهان کي جسم جي ڊيگھ ۽ html جي عنصر مقرر ڪرڻ گهرجي.
تنهنڪري توهان نه صرف ڊي، بلڪه جسم ۽ html عناصر جي اونچائي مقرر ڪرڻ لاء سي ايس استعمال ڪرڻ جي ضرورت پوندي. اهو هڪ چئلينج ٿي سگهي ٿو، ڇاڪاڻ ته توهان تڪڙو تڪليف حاصل ڪئي وڃي ته 100٪ اونچائي تي وڃي، صرف اهو مطلوب اثر حاصل ڪرڻ لاء.
ڪجهه شين ڏانهن نوٽيس جڏهن 100٪ وزن سان ڪم ڪندي
هاڻي ته توهان کي ڄاڻو ٿا ته توهان جي صفحي جي عناصر جي اونچائي 100٪ تائين ڪئين، انهي کي ٻاهر نڪرڻ ۽ توهان جي سڀني صفحن تي عمل ڪري سگهجي ٿو، پر ڪجھه شيون جيڪي توهان کان واقف هوندا.
- مارڊن ۽ ڇنڊڻ هڪ اسڪول بار شامل ڪري سگهي ٿو جتي توهان ڪنهن کي نه چاهيو. سڀ کان وڌيڪ اڀرندڙ شين مان هڪ مونجهاري وزن (ڪم ۽ چوٽي) سان ڪم ڪرڻ سان ملن ٿا ته پوء اهي ساڳيو عناصر تي پيڊنگ ۽ مارجن صفحي تي اسڪول بار شامل ڪري سگهون، جيتوڻيڪ سڀني مواد اسڪول بار جي ضرورت کان بغير ڏيکاري ٿو. اهو ئي سبب آهي ته عنصر جي ڊيگهه يا چوٽي پهريون ڏوهه آهي جيڪو ڏوهه آهي. ان کان پوء انهن جي مارجن ۽ ڍڪ تي شامل ڪيا ويا آهن. پوء جيڪڏهن توهان وٽ هڪ عنصر آهي 100٪ ۽ 10 پلس جا مٿيان ۽ تري مارجن سان، هر هڪ 20 پکسلز لاء اسڪول بار ٿيندي. ياد رهي ته سي ايس ايس باڪس جو ماڊل مارجن، سرحد، ۽ ڇنڊن کي عنصر جي سائيز تي شامل ڪري ٿو، تنهن ڪري انهن مان ڪنهن ٻئي باڪس جي 100 سيڪڙو نموني جا قيمت اصل ۾ 100 سيڪڙو کان وڌيڪ ٿيندو.
- جيڪڏهن توهانجو مواد وضاحت ڪيل اونچين کان وڌيڪ گهڻي آهي، انهي جي بعد ان جي ڪا شيء وڌيڪ لکندي. ٻين لفظن ۾، جيڪڏهن توهان هڪ ڪالم سان ڊيزائن سان 80 سيڪڙو هوندي آهي، ۽ ان جي اندر جو مواد اونچين جي 100٪ وڌندي، جيڪا 20 سيڪڙو ڪالمن کان گهٽ جاري رهندو ۽ منظر ڊزائن کي ٽوڙيو ويندو. توھان جو صفحو جيڪڏهن هيٺيان شاخ هيٺ ڏنل مواد آهي، متن لکڻ صرف ان جي چوٽي تي لکندي. آئون اڪثر اهو ئي ڏسڻ ۾ اچن ٿا، جڏهن ويب ڊزائينر ڪنهن صفحي جي اونچائي کي مجبور ڪري ٿو ۽ اهو ڪم ڪرڻ لاء مڪمل طور تي ڪم آڻيندو آهي، پر جڏهن ته انهي صفحي تي مستقبل مستقبل ۾ تبديل ٿينديون آهن، انهن جي مڪمل وزن هن صفحي جي وهڪري کي مڪمل طور تي ڀڃي ٿو. اها ٻه شڪايت درست آهي جڏهن توهان جوابدار ويب سائيٽن جي تعمير ڪندا آهيو جن جي چوڻي ۽ اوچائي ڏسڻ وارو انداز سان تبديل ٿيڻ گهرجي.
انهي کي درست ڪرڻ لاء، توهان هن عنصر جي قدمن کي مقرر ڪري سگهو ٿا. جيڪڏهن توهان ان کي خودڪار سيٽ ڪيو، انهن جي ضرورتن جو تختو لڳايو ويندو جيڪڏهن انهن جي ضرورت هجي پر جڏهن اهي نه آهن. انهي کي حل ڪندي بصري وقف، پر اهو اسڪومبر ڏي ٿو جتي توهان ان کي نه چاهيو.
ويسٽپورٽ يونٽس استعمال ڪندي
هڪ ٻيو رستو جيڪو توهان هن کي حل ڪري سگهو ٿا سي چئلينج سي ايس ايس ڊيٽپورٽ يونٽس سان استعمال ڪرڻ آهي. ماپ جي نظرثاني جي اونچائي يونٽ استعمال ڪندي، توهان نقشو سائيز جي تفصيلي اونچائي کي وڌائي سگهو ٿا، ۽ انهي کي تبديل ڪندڙ تبديلين جي تبديل ٿي ويندي. اهو هڪ بهترين طريقو آهي جيڪو توهان جي صفحي تي 100٪ قدري نقشن حاصل ڪرڻ آهي پر اڃا تائين انهن کي مختلف ڊوائيسز ۽ اسڪرين جي سائز لاء لچڪدار هوندو.