زما یو ملګري پدې وروستیو کې ما سره اړیکه ونیوله ترڅو د ورڈپریس سایټ سره د مرستې غوښتنه وکړي چې هغه د X موضوع په کارولو سره رامینځته کړی. د هغه پیرودونکي هغه نن سهار هغه ته زنګ وهلی و کله چې یې ولیدل چې د هغه ویب پا wasه په خپل آی فون کې سم نه ښیې. نیک دا پخپله چیک کړی ، او باوري دی ، هغه ښکلی ځواب ورکونکی ډیزاین چې هغه ډیزاین کړی اوس نور کار نه کوي.
هغه د دې حقیقت څخه نور هم پټ شو کله چې هغه د خپل براوزر کړکۍ په خپل ډیسټاپ ، سایټ کې له سره تنظیم کړي وه ځواب ویونکی ، مګر د هغه په iPhone ، یوازې د ډیسټاپ نسخه ښودل شوې. ولې یو سایټ وي په ډیسټاپ کمپیوټر کې ځواب ویونکی او په ګرځنده وسیله کې غیر ځواب ورکوونکی؟
ولې ځوابي ډیزاین کار نه کوي
ځواب ویونکي ډیزاین کار کوي کله چې د HTML فایل سرلیک څخه د کوډ یوه کرښه ورکه شي. که چیرې دا د کوډ واحد کرښه ورکه شوې وي ، نو ستاسو آی فون ، Android ، او نور ګرځنده وسیلې به دا وګ theي چې هغه ویب پا youه چې تاسو یې ګورئ لیدل کیږي د ډیسک ډیسټاپ سایټ دی او د اندازې اندازه یې تنظیم کړئ لیدپورټ د ټولې پردې احاطه کول.
ستاسو د لیدپورټ او ویوپورټ اندازې څخه څه معنی ده؟
په ټولو وسیلو کې ، د لید بندر اندازه د ویب پا ofې ساحې اندازې ته راجع کوي چې دا مهال کارونکي ته ښکاره کیږي. تصور وکړئ چې تاسو د 320 پکسلونو پلنو سره آی فون 5 لرئ. غیر لدې چې په واضح ډول بل څه ویل شوي وي ، آی فونز داسې انګیرل کیږي چې هره ویب پا youه چې تاسو لیدنه کوئ د ډیسټاپ سایټ دی چې د 980px پلنوالی لري.
اوس ، ستاسو د خیالي آیفون 5 کارولو سره ،تاسو د ډیسټاپ لپاره ډیزاین شوې ویب پا visitې ته مراجعه کوئ چې 800px پراخه وي. دا ځواب ویونکي ب layoutه نلري ، نو ستاسو iPhone د بشپړ چوکۍ ډیسټاپ نسخه ښیې.
د آی فون 6 ټچ سکرین مات شوی
مګر د آیفون 5 یوازې 320 پکسلز پراخ دی. ایا دا تل د لید بندر اندازې نه وي؟
نه ، داسې نه ده. د لید بندر اندازې سره ، اندازه کول شامل کیدی شي . آی فون باید د ویب پا ofې بشپړ چوکات نسخه لید لپاره زوم وتړي. په یاد ولرئ چې لیدپورټ د یوې پا pageې ساحې ته اشاره کوي چې دا مهال کارونکي ته لیدل کیږي. ایا د آی فون کارونکي اوس مهال د پا ofې یوازې 320 پکسلز ګوري ، یا دوی د بشپړ چوکۍ نسخه ګوري؟
دا ریښتیا دي: دوی د دوی په ښودلو کې د بشپړ چوکۍ ویب پا seeingه ګوري ځکه چې آی فون یې د ډیفالټ چلند ګumedلی دی: زوم شوی دی نو کارونکي کولی شي ویب پاpageه تر 980 پکسل پراخ کړي. له همدې امله ، د آی فون لیدپورټ 980px دی.
لکه څنګه چې تاسو زوم یا بهر یاست ، د لیدپورټ اندازې بدلون مومي. موږ دمخه وویل چې زموږ خیالي ویب پا 800ه د 800px پراخوالی لري ، نو که تاسو په خپل آی فون کې زوم وکړئ نو د ویب پا ofې څنډې ستاسو د آی فون د نندارې څنډو ته لاس اچوي ، نو ویو پورټ به 800px وي. آی فون کولی شی په ډیسټاپ سایټ کې د 320px لید بندر ولرئ ، مګر که دا یې وکړ ، نو تاسو به یې یوازې یوه کوچنۍ برخه وګورئ.
په آی فون کې د خپل نمبر بلاک کولو څرنګوالی
زما ځواب ویونکي ویب پا Broه مات شوې. زه څنګه دا سمولای شم؟
ځواب د HTML یوازینۍ کرښه ده چې کله د ویب پا ofې سرلیک کې دننه شي آلې ته وایي چې ویوپورټ دې د خپل چوکاټ سره تنظیم کړي (د آی فون 5 په صورت کې 320px) او نه د پا scaleې اندازه کول (یا زوم کول).
د دې میټا ټاګ پورې اړوند ټولو انتخابونو د لا زیاتو تخنیکي بحث لپاره ، وګورئ دا مقاله په tutsplus.com .
د ورڈپریس ایکس تھیم څنګه فکس کړئ کله چې دا ځواب ویونکی نه وي
زما د ملګري څخه مخکې له مخکې بیرته: د کوډ دا یوه کرښه ورکه شوه کله چې هغه د X موضوع تازه کړه. کله چې خپل فکس کول ، په یاد ولرئ چې د X موضوع یوازې یو سرۍ فایل نه کاروي - دا د هر سټاخ لپاره مختلف سرلیک فایلونه کاروي ، نو تاسو باید خپل ترمیم کړئ.
د لاک ت buttonۍ یا مرستندویه ټچ پرته د آی فون بندولو څرنګوالی
لدې چې نک د X موضوع د ایتوس سټیک کاروي ، نو هغه باید د کوډ لین اضافه کړي چې مخکې مې د سرلیک فایل ته اشاره وکړه چې په x کې موقعیت لري /frameworks/views/ethos/wp-header.php . که تاسو مختلف اسٹیک وکاروئ ، نو د سرلیک سمه فایل موندلو لپاره د 'اخلاقو' لپاره د خپل سټاک نوم (صداقت ، نوي کول ، او نور) ځای ورکړئ. دا یو لین دننه کړئ ، او وایلا! تاسو ښه یاست چې لاړشئ.
نو دا زما د CSS میډیا پوښتنو اصلاح کوي ، هم؟
کله چې تاسو دا لین د خپل HTML فایل سرلیک کې دننه کړئ ، نو ستاسو د ځواب ویونکي @ میډیا پوښتنې به ناڅاپه بیا کار پیل کړي او ستاسو د ویب پا ofې ګرځنده نسخه به بیرته ژوند ته راشي. د لوستلو لپاره مننه او زه امید لرم چې دا مرسته کوي!
د پیټیټ فارورډ په یاد ولرئ ،
ډیویډ پی.