سکو ته ڪيئن ويب برائوزرن سيڪڙو قيمت استعمال ڪندي هڪ ڊسپلي جو اندازو لڳايو
قبول ويب ڊيزائن جي ڪيترن ئي شاگردن کي چوٿين قيمت لاء سيڪڙو استعمال ڪندي ڏکيو وقت آهي. خاص طور تي، مونجهارو اهو آهي ته ڪيئن برائوزر ڪھڙي طرح سي سيڪڙو ڪري ٿو. هيٺ توهان هڪ ڏيکيندڙ ويب سائيٽ ۾ چوٿين حساب ڪتابن جي ڪئين ڪم لاء تفصيلي وضاحت ڏني ويندي.
چوٿين قدرن لاء پکسل استعمال ڪندي
جڏهن توهان چوپائي قدر جي طور تي پکسل استعمال ڪريو ٿا، نتيجن بلڪل سنئون آهن. جيڪڏهن توهان سي ايس ڊي استعمال ڪريو هڪ عنصر جي چوٿين قيمت ۾ مٿين دستاويزن جي 100 پکسل تائين، انهي عنصر هڪ ئي سائيز ٿي ويندا، جيڪو توهان ويب سائيٽ جي مواد يا فوٽر ۾ 100 پکسل ويڪر تي مقرر ڪيو ويندو آهي صفحو پکسلز هڪ مطلق قيمت آهن، تنهنڪري 100 پکسلز 100 پيڪس گهربل ناهي جتي توهان جي دستاويز ۾ اهڙو عنصر ظاهر ٿئي ٿو. بدقسمتي سان، جڏهن پکسل جا قدر سمجهڻ آسان آهن، اهي جوابي ويب سائيٽن ۾ سٺو ڪم نه ڪندا آهن.
ايٿن مارڪوٽ لفظ "قبول ويب ڊزائين" جي اصطلاح سان ٺهڪي اچي ٿو، هن نقشن کي وضاحت ڪري ٿو جنهن ۾ 3 اهم پرنسپل شامل آهن:
- هڪ سيالڊ گرڊ
- فلائيڊ ميڊيا
- ميڊيا سوالون
اهي پهريان ٻه پوائنٽ، هڪ سيالڊ گرڊ ۽ سيال ميڊيا، سيزنگ جي قيمت لاء، پينل جي بدران، استعمال ڪندي حاصل ڪري رهيا آهن.
چوٿين جي قيمت لاء في سيڪڙو استعمال ڪندي
جڏهن توهان فيصد استعمال ڪندا ته هڪ عنصر لاء چوٿين قائم ڪرڻ، حقيقي سائيز جيڪا نموني ۾ ڏيکاري ٿي مختلف آهي مختلف دستاويز جي لحاظ سان. سيڪڙو سيڪڙو هڪ لاڳاپو قيمت آهن، مطلب ته سائيز ڏيکاري ٿي توهان جي دستاويز ۾ ٻين عناصر سان تعلق رکي ٿي.
مثال طور، جيڪڏهن توهان تصوير جي چوٿين کي 50٪ تائين مقرر ڪيو آهي، هن جو مطلب اهو ناهي ته تصوير ان جي عام ماپ جي اڌ ۾ ظاهر ڪندو. اهو هڪ عام غلط فڪر آهي.
جيڪڏهن تصوير ممڪن 600 پکسلز وسيع آهي، پوء اهو 50٪ تي ڏيکارڻ لاء هڪ سي ايس جي قيمت استعمال ڪندي اهو نه آهي ته اهو ويب برائوزر ۾ 300 پکسلز وسيع ٿيندو. هي سيڪڙو قيمت حساب ڪتاب جي عنصر جي بنياد تي آهي جنهن ۾ اهو تصوير آهي، جنهن جي تصوير جي اصلي قيمت نه آهي. جيڪڏهن ڪنٽينر (جيڪا ڊويزن يا ڪجهه ٻي HTML عنصر ٿي سگهي ٿي) 1000 پکسلز وڏن جي هوندي آهي، پوء اها تصوير 500 کنسل ڊسپلي ٿيندي کان پوء اها قيمت ڪنٽين جي چوڻي جي 50 سيڪڙو هوندي. جيڪڏهن موجود عنصر 400 پکسل سائيز جي ويڪر آهي، پوء اها تصوير رڳو 200 پکسلز ۾ ڏيکاري ٿي، ڇاڪاڻ ته اها قيمت ڪنٽرولر جو 50٪ هوندو آهي. هتي سوال ۾ تصوير 50٪ سائيز آهي جنهن جي مڪمل طور تي ان عنصر تي منحصر آهي جنهن ۾ اهو شامل آهي.
ياد رکو، جوابي جوڙجڪ سيال آهي. ترتيب ۽ سائيز اسڪرين جي ماپ / ڊوائيس تبديلين وانگر تبديل ٿيندا . جيڪڏھن توھان جسماني، غير ويب شرائط ۾ ھن بابت سوچيو ٿا، اھو ھڪڙو گتي آھي بڪ وانگر آھي جيڪو توھان سان ڀريل مواد سان ڀريل آھن. جيڪڏھن توھان چئو ٿا ته دٻي کي ان مواد سان ڀرجي وڃي ھا، توھان جي ضرورت پئسن جي مقدار ۾ دٻي جي سائز جي لحاظ کان مختلف ٿيندا. ويب ڊزائين ۾ فيصد چوٽي لاء ساڳيو صحيح آهي.
في سيڪڙو ٻين فيصد جي بنياد تي
تصوير ۾ / ڪنٽينر جو مثال، مون انهي عناصر لاء عنصر لاء پکسل اقدار استعمال ڪيو ته ڏيکاريل جوابي نمائش ڏيکاري ها. حقيقت ۾، جنهن تي مشتمل عنصر هڪ سيڪڙو ۽ تصوير کي سيٽ ڪيو ويندو، يا ٻين عناصر، جنهن جي ڪنٽين ۾ اندر پنهنجي قيمت في سيڪڙو جي سيڪڙو تي ٻڌل هوندي.
هتي هڪ ٻيو مثال آهي جيڪو هن عملي طور تي ڏيکاري ٿو.
چوندا آهن توهان وٽ هڪ ويب سائيٽ آهي جتي سموري سائيٽ ڊويزن جي اندر "کنٽينر" (عام ويب ڊزائين مشق) سان گڏ هوندو آهي. انهي حصي ۾ ٽي ٻيا ڊويزن آهن جيڪي توهان آخري طور تي 3 عمودي شاخن کي ڊسپلي ڪندا انهي جي HTML انهي کي نظر اچي ٿي
هاڻي، 90٪ چوڻ لاء انهي کي "کنٽينر" ڊويزن جي سائز مقرر ڪرڻ لاء توهان CSS استعمال ڪري سگھو ٿا. هن مثال ۾، ڪنٽينٽ ڊويزن اهو ٻيو عنصر ڪونه آهي جيڪو جسم کانسواء ٻئي جي چوڌاري، جيڪو اسان ڪنهن مخصوص قيمت تي مقرر نه ڪيو آهي. ڊفالٽ جي طور تي، لاش برائوزر ونڊو جو 100 سيڪڙو طور تي رفري ڪندو. تنهن ڪري، "کنٽينر" ڊويزن جو سيڪڙو برائوزر ونڊو جي ماپ تي مشتمل هوندو. جيئن ته ته برائوزر ونڊو سائيز ۾ تبديل ٿي ويندو، ان ڪري هن "کنٽينر" جي سائيز ڪندو. پوء جيڪڏهن برائوزر ونڊو 2000 پکسلز وسيع آهي، اهو ڊويزن 1800 پکسلز تي ظاهر ڪندو. اهو حساب ڪتاب 90 سيڪڙو 2000 (2000 x .90 = 1800) جي حساب سان آهي، جيڪو برائوزر جي سائيز آهي.
جيڪڏهن "کولي" ڊويزن مان هر هڪ "کنٽينر" جي اندر 30 سيڪڙو تائين هونديون آهن، پوء انهن مان هر هڪ ۾ 540 پکسلز ويڪر هوندا. اهو حساب ڪتاب 1800 عدد جي پکسلز جي 30 سيڪڙو آهي جنهن ۾ ڪنٽرول تي (1800 x30 = 540) ملي ٿو. جيڪڏهن اسان انهيء ڪنٽين جو سيڪڙو تبديل ڪيو، اهي اندروني ڊويزن پڻ انهن شڪلن ۾ تبديل ڪندا ها جڏهن اهي انهن عنصر تي مشتمل آهن.
اچو ته اهو فرض آهي ته برائوزر ونڊوز 2000 پکسلز ويڪر ۾ رهي ٿو، پر اسان 90٪ جي بدران 80٪ تائين ڪنٽرول جي سيڪڙو قيمت بدلائي ٿو. انهي جو مطلب اهو آهي ته هاڻي 1600 پکسلز وڏن تي رونما ٿيندو (2000 x .80 = 1600). توڙي جو اسان اسان جي 3 "ڪول" ڊويزن جي ڊي ايس ايس کي تبديل نه ڪيو آهي ۽ انهن کي 30٪ تي ڇڏيندا آهن، انهن کان مختلف عنصر کان وٺي اهي اهي مختلف عنصر آهن، جن جو تعلق اهي ترتيب ڏنل آهن، تبديل ڪري ڇڏيو آهي. انهن ٽن حصن ۾ هاڻي هر هڪ 480 پکسل پکڙيل هوندا هئا، جيڪا ڪل 1600 يعني 1600 آهي، يا ڪنٽرولر جي شڪل (1600 x 30) 480 آهي.
هن کان وڌيڪ اڃا به اڳتي وڌندي، جيڪڏهن هنن جي "کولي" ڊويزن مان هڪ تصوير موجود هئي ۽ انهي تصوير کي استعمال ڪيو ويو آهي، ته ان جي جوڙجڪ لاء "کولي" ئي هوندو. جيئن ته "کول" ڊويزن سائيز ۾ تبديل ٿي ويو، تنهن ڪري ان جي اندر اندر تصوير ڏين ها. پوء جيڪڏهن برائوزر جي سائيز يا "کنٽينر" تبديل ٿي وئي ته اهو "کولي" ڊويزن تي اثر انداز ٿيندو، جنهن ۾ "کولي" واري تصوير جي شڪل بدلائي سگهندي، جيئن توهان ڏسي سگهو ٿا، اهي سڀئي جڙيل آهن جڏهن اهو سيڪڙو فيصلن تي ترتيب ڏيڻ جي قيمت تي اچي ٿو.
جڏهن توهان غور ڪريو ٿا ته ڪئين عنصر اندر ڪنهن ويب صفحي اندر ان جي چوٿين لاء استعمال ڪيو ويندو آهي، توهان کي انهي جي تناظر ۾ انهي عنصر سمجهيو ته انهي عنصر جي صفحي جي مارڪپ ۾ هوندو.
خلاصو ۾
فيصد جواب ويب سائيٽ لاء ترتيب ٺاهڻ ۾ هڪ نازڪ ڪردار ادا ڪن ٿا. ڇا توهان تصويرن کي تصويرون ترتيب ڏئي رهيا آهيو يا حقيقت جي ڊيگهه استعمال ڪرڻ لاء چنڊن جي ڪمن کي استعمال ڪندا آهن جن جي سائز هڪ ٻئي سان واسطو رکن ٿا، سمجهڻ لاء انهن حسابن جي نظر کي توهان جي خواهش حاصل ڪرڻ ضروري آهي.