د عامې پوښتنې پوښتنه د ویب پاڼې ډیزاین کې ده "تاسو د عنصر لوړوالی 100٪ ته ټاکئ؟"
دا ښايي د اسانه ځواب په څیر ښکاري. تاسو په ساده ډول د عنصر عنصر د 100٪ پورې تنظیمولو لپاره کاروئ، مګر دا تل دا عنصر د ټول براؤزر کړکۍ سره سمون نلري. راځئ چې معلومه کړو چې دا ولې پیښ شي او تاسو د دې بصري سټیشن لپاره ترلاسه کولی شئ.
پکسلونه او سلنه
کله چې تاسو د سی ایس ایل ملکیت او هغه پیس چې د پکسل کارول په کارولو سره د عنصر لوړوالی تعریفوي، نو دا عنصر به په براؤزر کې د عمودي ځای ډیر لوړ کړي.
د مثال په توګه، یو پراګراف د قد سره: 100px؛ ستاسو په ډیزاین کې د عمودی خونه 100 پکسلونه پورته کوي. دا مهمه نه ده چې ستاسو د براؤزر کړکۍ لویه وي، دا عنصر به 100 انټرنټ لوړ وي.
سلنه د پکسل په پرتله مختلف ډول کار کوي. د W3C تصویب په اساس، د فیصده وزنونه د کانتینر د قد په اړه حساب شوي. نو که تاسو یو پراګراف د قد سره ولرئ: 50٪؛ د وېش دننه د 100px د لوړوالی سره، پیراګراف به 50 انټرنټونه لوړ وي، چې دا د٪ 50 د والدین عنصر دی.
ولې د هټیو وزن ناکام دی؟
که تاسو یو ویب پاڼې ډیزاین کوئ، او تاسو یو کالم لرئ چې تاسو غواړئ د کړکۍ بشپړ لوړې کچې پورته کړئ، طبیعي ټیکاو د قد لوړولو لپاره: 100٪؛ دې عنصر ته. له هرڅه، که چیرې تاسو چوکۍ چوکۍ وټاکئ: 100٪؛ عنصر به د پاڼې بشپړ افقی ځای پورته کړي، نو لوړوالی باید ورته کار وکړي، سمه ده؟ له بده مرغه، دا ټوله موضوع نه ده.
د دې پوهیدلو لپاره چې ولې پیښ شي، تاسو باید پدې پوه شئ چې څنګه براؤزرونه د لوړوالی او چوکۍ تعبیر کوي. ویب براؤزر د ټولې دستیابې چوکۍ محاسبه کوي لکه څنګه چې د لټونګر کړکۍ پراخه ده. که تاسو په خپلو اسنادو کې د چوکۍ ارزښتونه ندی ټاکلی، نو براؤزر به په اوتومات ډول محتويات وځنډوي ترڅو د کړکۍ ټول چوکۍ ډک کړي (100٪ چوکۍ سمبال دی).
د اوچت ارزښت د چوکۍ په پرتله توپیر لري. په حقیقت کې، لټونګر په هر وخت کې د لوړوالی ارزونه نه کوي مګر دا چې محتويات ډیر اوږد وي مګر دا د لیدونکي څخه بهر ځي (په دې توګه د سورنۍ سلاو ته اړتیا لري) یا که ویب ډیزاینر په پاڼه کې د عنصر لپاره مطابقت ټاکي. که نه نو، برنامه په اسانۍ سره د لیدونکي چوکۍ دننه د منځپانګې جریان ته تر هغه وخته پورې رسیږي ترڅو چې پای ته ورسيږي. قد په حقیقت کې په ټوله توګه حساب نه دی شوی.
ستونزې هغه وخت رامینځته کیږي کله چې تاسو په عنصر کې د فیصدو لوړوالی ټاکئ چې د مور عناصرو لرونکي د عناصرو لرونکي وي - په بل عبارت، د والدین عناصرو یو ڈیفالټ لوړوالی لري: اتومات؛ . تاسو په اغيزمنه توګه، د براوزر غوښتنه کول چې د ټاکل شوي ارزښت څخه لوړوالی محاسبه کړي. ځکه چې دا به یو ارزښتناکه ارزښت مساوي وي، نتیجه دا ده چې لټونګر هیڅ شی نلري.
که تاسو غواړئ چې په خپلو وېب پاڼو کې سلنې ته لوړ کړئ، نو تاسو باید د هر مورني عنصر لوړوالی چې تاسو یې غواړئ تعقیب تعریف کړئ. په بل عبارت، که تاسو داسې پاڼه لرئ لکه:
دلته منځپانګه
تاسو احتمال لرئ چې په ډاګه او پیراګراف کې د 100٪ لوړوالی درلودل، مګر دا واقعیت په حقیقت کې دوه والدین عناصر لري:
او. د نسبتا لوړ لوړوالی لپاره د ډوی لوړوالی تعریفولو لپاره، تاسو باید د بدن قد او ایچ ایل عناصر برابر کړئ.
نو تاسو به د سي ډي نه کارولو ته اړ نه وي چې نه يواځې د ډوډۍ لوړوالی، بلکې د بدن او HTML عناصر هم. دا یوه ننګونه ده، ځکه چې تاسو ژر تر ژره د هرڅه سره 100٪ لوړوالی سره حیرانتیا ترلاسه کولی شئ، یوازې دا د دې مطلوب تاثیر ترلاسه کولو لپاره.
ځینې موضوعات یادونه کله چې د 100٪ هیتونو سره کار کول
اوس چې تاسو پوهیږئ چې ستاسو د پاڼې عناصر 100٪ ته لوړوي، دا کولی شي چې ستاسو د ټولو پاڼو ته لاړ شئ او بیا یې ترسره کړئ، مګر داسې شيان شتون لري چې تاسو باید پوه شئ:
- مارجې او ګڼه ګوڼه کولی شي د سوريې بار شامل کړي چیرې چې تاسو یې نه غواړئ. یو له تر ټولو زیږیدونکي شیان چې ما د فیصدو وزنونو سره کار کوي (او چوکونه) دا دی چې بیا په ورته عناصرو ګنډل او حاصله کولی شي د Scroll سلاو پاڼې په پاڼه کې اضافه کړي، حتی که ټول محتويات د سکرټر سلاوونو ته اړتیا لیدل کیږي. دا ځکه چې د عنصر لوړوالی یا لمړیتوب هغه څه دي چې لومړی حساب شوي. وروسته بیا حاصله او پوډونه اضافه شوي. نو که تاسو یو عنصر ولرئ 100٪ او لوړ او لاندینۍ قطعې د 10 پکسلونو سره وي، نو د اضافي 20 پکسلونو لپاره به د سکرال بار وي. په یاد ولرئ، د سی ایس ایس باکس ماډل حاصله، سرحد، او ګوښه کول د عنصر په اندازې کې اضافه کوي، نو له همدې امله د نورو بکسونو نمونې سره 100٪ به په حقیقت کې 100٪ څخه ډیر وي.
- که ستاسو محتويات د ټاکل شوې اونۍ څخه زیات پورته کړي، نو دا به وروسته له هغې څه وټاکي. په بل عبارت، که تاسو د یو کالم سره 80 فیصده ډیزاین لرئ، او هغه محتويات چې د هغې دننه وي د لوړې کچې 100٪ اخلي، چې 20٪ به د کالم څخه لرې دوام ومومي او د لید ډیزاین مات کړئ ستا پاڼه. که چیرې د دې ستون لاندې لاندې محتوا شتون ولري، متن به په ساده ډول د هغې په سر کې ولیکۍ. زه ډیری وخت دا لیدل کیږم کله چې د ویب ډیزاینر د یوې پاڼې لوړوالی هڅه کوي او د پیل لپاره یې په بشپړ ډول کار کوي، مګر کله چې په راتلونکې کې بدلون راشي، د دوی مطلق اونۍ په بشپړ ډول د پاڼې جریان ماتوي. دا دوه ځله ریښتیا ده کله چې تاسو د ځواب ورکوونکي ویب پاڼې جوړولو ته تیار یاست چې د لید لید او اندازې سره باید چوکۍ او قد باید بدلون ومومي.
د دې د حل کولو لپاره، تاسو کولی شئ د عنصر لوړوالی هم وټاکئ. که تاسو خپل موټر ته ولیکئ، د لیکونو لیکونه به ښکاره شي که دوی اړتیا وي مګر کله چې دوی نه وي ورک شوي. دا د لید وقف اصالح کوي، مګر دا د سکوماربیر اضافه کوي چیرې چې تاسو یې نه غواړئ.
د لیدپورټ واحدونو کارول
بله لاره چې تاسو کولی شئ د دې ننګونې سره مبارزه وکړو د CSS لیدپټیو یونټونو سره تجربه کول دي. د اندازه کولو د لیدلو اونۍ کارولو کارولو سره، تاسو کولی شئ د لیدلو مشخص تعریف پورته کړئ، او دا به د لیدل شوي بدلون په توګه بدل شي! دا یوه غوره لار ده چې ستاسو په سلو کې 100 لوړوالی لید په یوه پاڼه کې ترلاسه کړئ مګر بیا هم دوی د مختلف وسایطو او د اسډیشن اندازو لپاره انعطاف وړ دي.