دلته د سی ایس ایس کارول د ځواب ورکوونکي ډیزاین انځورونه څنګه اضافه کول دي
نن ورځ ویب پاڼې وګورئ او یو ډیزاین درملنه چې تاسو یې وګورئ وګورئ لوی، د پردې - سپانسنګ شاليد انځورونه. د دغو عکسونو د زیاتوالي سره یو له ننګونو څخه دی چې ترټولو ښه عمل دی چې ویب پاڼې باید د مختلف اسچارو اندازو او وسیلو ته ځواب ووايي - یو داسې کړنلاره چې د ځواب ورکوونکي ویب ډیزاین په نوم یادیږي.
له دې کبله چې ستاسو د ویب سایټ ترتیب او بدلون د مختلف اسلوب اندازو سره، نو له دې امله باید دا پس منظر د انځور اندازه په مطابق اندازه شي.
په واقعیت کې، دا "مايع انځورونه" د ځواب ورکوونکو ویب پاڼو څخه یو له بل سره دی (د مايع ګیډ او رسنیو پوښتنو سره). دا درې ټوټې د پیل راهیسې د ځواب ورکوونکي ویب ډیزاین یوه برخه وه، مګر پداسې حال کې چې دا د انلاین انلاین انځورونو یو سایټ ته اضافه کول آسانه ده، په انډول انځورونه داسې ګرافونه دي چې د HTML د نښه کولو په بڼه کوډ شوي دي، د پس منظر انځورونو سره (لکه چې په پاڼه کې د CSS پس منظر ځانګړتیاوو په کارولو سره ډیزاین شوي) اوږدې مودې لپاره د ډیزاین ډیزاینرانو او د لمړۍ پای ډیزاینرانو لپاره د پام وړ ننګونې چمتو کړې. مننه، په CSS کې د "پس منظر - سائز" ملکیت اضافه کول دا ممکنه ده.
په یوه بله مقاله کې، ما پوښلي چې څنګه د کړکۍ په کړکۍ کې د کړکۍ غزولو لپاره د CSS3 ملکیت پس منظر کارولو لپاره کارول ، مګر د دې ملکیت لپاره ګومارلو لپاره حتی ښه، خورا ګټور الر شتون لري. د دې کولو لپاره، موږ به لاندې ملکیت او ارزښت سره ګډ کارولو څخه کار واخلو:
د پس منظر اندازه: پوښ؛
د پوښۍ کلیدي ملکیت براؤزر ته وايي چې د کړکۍ د فٹولو لپاره اندازه انځور اندازه کړي، پرته له دې چې څومره لوی یا کوچنۍ کړکۍ ترلاسه کیږي. انځور ټوله اسڪرين پوښلو لپاره اندازه شوی، مګر د اصلي تناسب او اړخ تناسب برقرار پاتې دي، د عکس څخه ځان اخته کیږي.
عکس په کړکۍ کې د امکان تر حده لوی دی لکه چې د ټولې کړکۍ سطح پوښل شوی. دا پدې مانا ده چې تاسو به ستاسو په پاڼه یا کوم انځور کې کوم توپیر ونه لرئ، مګر دا پدې مانا لري چې یو څه انځور د سکرین د اړخ تناسب او د پوښتنې عکس په پام کې نیولو سره تعقیب کیدی شي. د مثال په توګه، د انځور کنډکونه (یا هم پورته، ښکته، ښی او یا سم) کیدای شي د انځورونو کښینول شي، د هغې د ارزښتونو پر بنسټ چې د شاليد موقعیت موقعیت لپاره تاسو کاروئ. که تاسو پس منظر "پورته بڼ" ته اړین یاست، نو په انځور کې اضافي اضافه به ښکته او ښی خوا ته راشي. که تاسو د شاليد انځور مرکز کړئ، نو د ټولو خواو اضافه به راشي، مګر له دې چې اضافي اضافه شي، په هر اړخ باندې به لږ خدمت وکړي.
د پس منظر اندازه: پوښ؛
کله چې د خپل شاليد انځور جوړ کړئ، نو دا ښه انځور دی چې د يو انځور جوړولو لپاره چې په لويه کچه وي. پداسې حال کې چې براؤزر کولی شي د عکس په کیفیت باندې د پام وړ اغېز پرته یو عکس لږ کړي، کله چې یو برنامه د اصلي اړخونو څخه لوی انځور ته اندازه کوي، د بصري کیفیت به خراب شي، پوټری او پکسل شوی وی. لاندنۍ برخه دا ده چې ستاسو پاڼه د فعالیت فعالیت ماتوي کله چې تاسو ټولو اسڪرينونو ته لوی انځورونه وړاندې کوئ.
کله چې تاسو دا کار کوئ، ډاډ ترلاسه کړئ چې په سمه توګه د انټرنېټ سرعت او ویب رسولو لپاره دا انځورونه تیار کړئ . په پاى کې، تاسو اړتيا لرئ چې د پام وړ تصوير د اندازې او کيفيت او د ډليفون د سرعت لپاره د مناسب انداز اندازه تر مينځ خوښ منځنۍ ومومئ.
د شاليد شاليد انځورونو کارولو لپاره يوه عام طريقه ده کله چې تاسو غواړئ دا عکس د يو پاڼې بشپړ بشپړ پس منظر پورته کړئ، که دا پاڼه پراخه وي او په ډېسکټرک کمپيوټر کې وي او يا هم کوچنۍ وي او په لاسي ډول، موبایل ته لېږل کيږي. وسایل
خپل انځور خپل ویب کوربه کې پورته کړئ او د شاليد انځور په توګه خپل سی ایس ایس ته اضافه کړئ:
پس منظر - انځور: url (د آغا ډک کار - over-wdw.jpg)؛
پس منظر - تکرار: نه ځورول؛
د پس منظر موقعیت: مرکز مرکز؛
پس منظر - ضمیمه: ثابت؛
لومړی د برازر لارښوونې سی ایس ایس اضافه کړئ:
د ویب پاڼې - پوښښ - اندازه: پوښ؛
-Moz-پس منظر - اندازه: پوښ؛
د پس منظر اندازه: پوښ؛
بیا د CSS شتمنۍ اضافه کړئ:
د پس منظر اندازه: پوښ؛
د مختلفو انځورونو کارول چې د سوټ ویښونې آلې
پداسې حال کې چې د ډېسکټاپ یا د لیپ ټاپ تجربه لپاره مسؤلیت ډیزاین خورا مهم دی، د مختلفو وسیلو وسیله چې ویب ته لاسرسي لري په پراخه توګه وده کړې، او د سکرینونو ډیری ډولونه ورسره راځي.
لکه څنګه چې مخکې یادونه وشوه، په سمارټ فونټ کې د یو لوی لوی ځواب ورکوونکي پس منظر انځور پورته کول، د بیلګې په توګه، یو اغیزمن یا بډوډت پوهه ډیزاین نه دی.
پوهیږئ چې تاسو څنګه کولی شئ د رسنیو پوښتنو څخه کار واخلئ هغه انځورونو ته خدمت وکړئ کوم چې د وسایطو لپاره مناسبه وي دوی به په ډاګه کړي، او د موبایل وسایطو سره د خپل ویب سایټ مطابقت ته وده ورکړي.
اصلي جریان د جنینیر کریینین لخوا. د Jeremy Girard لخوا د 9/12/17 لخوا تصویب شوی