د لږ تر لږه او ډیری چوکۍ د رسنیو پوښتنو لپاره syntax
ځواب ورکوونکي ویب ډیزاین د ویب پاڼو جوړولو لپاره یوه لار ده چېرته چې دا پاڼې کولی شي د لیدونکي د سکرین اندازه پر بنسټ خپل ترتیب او بڼه بدل کړي. لوی اسڪرينونه کولی شي یو لوی ترتیب په مناسب ډول وړاندې کړي پداسې حال کې چې کوچني وسایل لکه موبایل تلیفونونه کولی شي ورته وېب پاڼې ومومي کوم چې د دې کوچني اسڪرين لپاره مناسبه وي. دا تګالره د ټولو کاروونکو لپاره د کاروونکو غوره تجربه چمتو کوي او دا کولی شي د پلټنې د انجن درجه بندي کولو کې هم مرسته وکړي. د ځواب ورکوونکي ویب ډیزاین یوه مهمه برخه د CSS Media پوښتنو کې دي.
د رسنیو پوښتنې ستاسو د ویب سایټ سی ایس ایس فایل دننه لږ وړ شرایط بیانوي، او تاسو ته د ځانګړتیاوو د پوره کولو په وخت کې یوازې ځینې وختونه اغیزمن کیږي چې د یو مشخص حالت حالت سره مخ شي.
په عمل کې د رسنیو پوښتنو
نو تاسو د رسنیو پوښتنو په ویب پاڼه کې څنګه کاروئ؟ دلته یو ساده مثال دی:
- تاسو به د یوې سمبال شوي HTML سند سره د کوم ډول بصری ډولونو څخه وړیا پیل کړئ (دا هغه څه دي چې CSS یې دی)
- ستاسو د سی ایس ایس په فایل کې، تاسو به د پیل په پیل کې چې تاسو په عمومي ډول د پاڼې د ډلبندۍ له لارې ترسره کوئ او یو بنسټیز ترتیب کړئ چې څنګه ویب پاڼه وګورئ. تاسو غواړئ چې د پاڼې فکس اندازه د 16 پکسلونو په څیر، تاسو کولی شئ دا CSS ولیکئ: بدن {font-size: 16px؛ }
- اوس، تاسو غواړئ د لویو اسڪرينونو لپاره د فونټ اندازه لوړه کړئ چې دومره حقیقي شتمنۍ لري چې دا کار وکړي. دا په کوم ځای کې د رسنیو پوښتنې لټوي. تاسو به د رسنیو پوښتنې پیل کړئ لکه:mediaedia screen او (min-width: 1000px) {}
- دا د رسنیو پوښتنو نښې دي. دا دmedia سره پیل کوي ترڅو د رسنیو پوښتنځای جوړ کړي. بیا وروسته تاسو "د رسنیو ډول" وټاکه، کوم چې پدې حالت کې "سکرین" دی. دا د کمپیوټر کمپیوټر اسڪرين، ټلیفونونه، تلیفونونه، او نور پورې اړه لري. په پای کې، تاسو د رسنیو پوښتنې پای ته رسئ "د رسنیو ځانګړتیا" سره. زمونږ په مثال کې، دا "منځنی چوک: 1000px" دی. دا پدې مانا ده چې د رسنیو پوښتنې به د ډیزاین لپاره لټوي د لږ تر لږه 1000 پکسلز پراخ پراخ وي.
- د رسنیو پوښتنو له دې عناصرو وروسته، تاسو د افتتاح او بند بندولو اضافه کول اضافه کړئ لکه ورته د عادي سی ایس ایس قواعدو کې چې تاسو یې کوئ.
- د رسنیو پوښتنو ته وروستی ګام دا دی چې د سي ایس ایس قواعد اضافه کړئ چې تاسو یې غوښتل غواړئ یوځل چې یوځای حالت یې پوره شي. تاسو د سیوري بډوسونو ترمنځ چې دا د رسنیو پوښتنځی منځ ته راوړي، لکه دا:media screen او (min-width: 1000px) {بدن {د font-size: 20px؛ }
- کله چې د رسنیو پوښتنو سره سمون خوري (د براؤزر کړکۍ لږ تر لږه 1000 پکسلز پراخه وي)، دا سی ایس ایس سټایل به اغیزه وکړي، زموږ د سایټ د فایټ اندازه به د 16 پکسلونو څخه بدل کړي موږ اصل په 20 پکسلز کې زموږ نوي ارزښت ته راوړو.
د نور ډولونو زیاتول
تاسو کولی شئ په دې رسنۍ کې د ډیرو سی ایس ایس قواعدو ځای ونیسئ د اړتیا په صورت کې د خپلې ویب پاڼې د لید بڼه کې د سمون لپاره اړتیا. د بېلګې په توګه، که تاسو غواړئ چې د فکس اندازه اندازه نه یوازې 20 سایټونو ته لوړه کړئ، بلکې د ټولو پیراګراف رنګ هم تور (00000000) بدل کړئ، تاسو کولی شئ دا دا اضافه کړئ:
media screen او (min-width: 1000px) {بدن {د فاڼې اندازه: 20px؛ } p {رنګ: # 000000؛ }}د نورو رسنیو پوښتنو زیاتول
برسيره پردې، تاسو کولی شئ د هرې لويې اندازې لپاره د رسنيو پوښتنو اضافه کړئ، او د دې طريقه بندي کولو په څېر يې خپل طرزالعمل ته اضافه کړئ:
media screen او (min-width: 1000px) {بدن {د فاڼې اندازه: 20px؛ } p {رنګ: # 000000؛ {}mediaedia screen او (min-width: 1400px) {بدن {د فاڼې - اندازه: 24px؛ }}د لومړي رسنیو پوښتنو به په 1000 کیلو ګرامه پراخو کې لټ کړي، د لیک اندازه د 20 پکسلونو بدلول. بیا، یو ځل چې براؤزر 1400 پکسلونه پورته وو، د لیکلو اندازه به بیا په 24 پکسلونو بدل شي. تاسو کولی شئ د خپلې ځانګړې ویب پاڼې اړتیاو سره سم د رسنیو پوښتنو اضافه کړئ.
د ماین چوکۍ او مټ چوک
د رسنیو پوښتنو لیکلو لپاره معمولا دوه لارې شتون لري - د "min-width" یا "max-width" په کارولو سره. تر اوسه پورې، موږ "میت چوک" په عمل کې لیدلی دی. دا د رسنیو پوښتنو سبب کیږي چې یو ځل بیا د براؤزر لږترلږه لږ تر لږه چوکۍ ته ورسوي. نو یوه پوښتنه چې "min-width: 1000px" کاروي به یې غوښتنلیک شي کله چې براؤزر لږ تر لږه 1000 پکسلز پراخ وي. د رسنیو پوښتنلیک دا ډول کارول کیږي کله چې تاسو په "ګرځنده - لومړی" طریقه کې د یوې ویب پاڼې جوړولو تعمیر کوئ.
که تاسو "مچ - چوک" کاروئ، دا په بل ډول کار کوي. A رسنۍ د "max-width: 1000px" پوښتنليک به هغه وخت تطبیق شي چې براؤزر د دې اندازې لاندې راټيټ شوی وي.
زوړ براؤزرونو په اړه
د رسنیو پوښتنو سره یو ننګونه د انټرنیټ انټرنیټ په پخوانی نسخو کې د دوی نشتوالۍ دی. په شکر سره، داسې امکانات شتون لري چې د هغو پخوانیو براؤزرونو کې د رسنیو پوښتنو لپاره ملاتړ چمتو کړي، تاسو ته اجازه درکوي چې نن ورځ په ویب پاڼو کې کار واچوئ پداسې حال کې چې لاهم دا هم ډاډه کوي چې د دې سایټ نندارات د پخوانیو بریښنالیک سافټویر سافټویر کې نه مات شوی.
په 1/2/17/17 کې جیریمي کیريډر لخوا تصویب شوی