Oju opo wẹẹbu Idahun Mi Ko Ṣiṣẹ. Awọn Fix: Wiwọle.

My Responsive Website Isn T Working







Gbiyanju Irinse Wa Fun AwọN IṣOro Imukuro

kí ni òṣùmàrè dúró fún nínú Bíbélì

Ọrẹ mi kan kan si mi laipẹ lati beere fun iranlọwọ pẹlu aaye Wodupiresi kan ti o ti kọ nipa lilo akọle X. Onibara rẹ ti pe e ni owurọ yẹn lẹhin ti o ṣe akiyesi pe oju opo wẹẹbu rẹ ko ṣe afihan ni deede lori iPhone rẹ. Nick ṣayẹwo rẹ funrararẹ, ati daju to, aṣa idahun ti o lẹwa ti o ṣe apẹrẹ ko ṣiṣẹ mọ.





O jẹ mimọ siwaju nipasẹ otitọ pe nigbati o ba ṣe atunṣe window window rẹ lori tabili tabili rẹ, aaye naa idahun, ṣugbọn lori iPhone rẹ, ẹya tabili nikan ni a fihan. Kini idi ti aaye kan yoo jẹ idahun lori kọnputa tabili kan ati ti kii ṣe idahun lori ẹrọ alagbeka kan?



Kini idi ti Apẹrẹ Idahun Ko Ṣiṣẹ

Oniru idahun yoo duro ṣiṣẹ nigbati ila ila koodu kan nsọnu lati akọle ti faili HTML kan. Ti laini koodu yii kan ba nsọnu, iPhone rẹ, Android, ati awọn ẹrọ alagbeka miiran yoo ro pe oju opo wẹẹbu ti o nwo jẹ aaye tabili tabili iwọn ni kikun ati ṣatunṣe iwọn ti wiwo lati yika gbogbo iboju naa.

Kini O tumọ Nipa Wiwo Wiwo ati Iwọn Wiwo?

Lori gbogbo awọn ẹrọ, iwọn iwo wiwo n tọka si iwọn ti agbegbe ti oju-iwe wẹẹbu kan ti o han lọwọlọwọ si olumulo. Foju inu wo o n mu iPhone 5 kan pẹlu iwọn ti awọn piksẹli 320. Ayafi ti o ba sọ ni gbangba bibẹkọ, iPhones ro pe gbogbo oju opo wẹẹbu ti o ṣabẹwo jẹ aaye tabili tabili kan pẹlu iwọn ti 980px.

Bayi, ni lilo iPhone 5 riro rẹ,o ṣabẹwo si oju opo wẹẹbu ti a ṣe apẹrẹ fun tabili ti o jẹ 800px jakejado. Ko ni ipilẹ ti o ni idahun, nitorinaa iPhone rẹ ṣe afihan ẹya tabili tabili iwọn ni kikun.





ipad 6 pẹlu ifọwọkan ko ṣiṣẹ

Ṣugbọn iPhone 5 nikan jẹ awọn piksẹli 320 jakejado. Ṣe kii ṣe iyẹn nigbagbogbo iwọn ti iwo wiwo?

Rara, kii ṣe. Pẹlu iwọn wiwo, igbelosoke le wa ni lowo . IPhone ni lati sun sita lati wo ẹya kikun-ti oju-iwe wẹẹbu naa. Ranti pe iwo wiwo n tọka si agbegbe ti oju-iwe ti o han lọwọlọwọ si olumulo. Njẹ olumulo iPhone n rii lọwọlọwọ awọn piksẹli 320 ti oju-iwe naa, tabi wọn n wo ẹya iwọn ni kikun?

Iyẹn tọ: Wọn n rii oju-iwe wẹẹbu iwọn ni kikun lori ifihan wọn nitori iPhone ti ro pe ihuwasi aiyipada ni: O ti sun sita ki olumulo le wo oju-iwe wẹẹbu kan si iwọn awọn piksẹli 980. Nitorina, oju wiwo ti iPhone jẹ 980px.

Bi o ṣe sun-un sinu tabi sita, iwọn wiwo wiwo yipada. A sọ ṣaju pe oju opo wẹẹbu oju inu wa ni iwọn ti 800px, nitorina ti o ba fẹ sun-un ninu iPhone rẹ ki awọn eti oju opo wẹẹbu n kan awọn eti ti ifihan iPhone rẹ, iwo wiwo yoo jẹ 800px. IPad naa le ni iwo wiwo ti 320px lori aaye tabili, ṣugbọn ti o ba ṣe, iwọ yoo rii apakan kekere kan nikan.

ipad batiri ipad kii yoo gba agbara

Oju opo wẹẹbu Idahun Mi Ti Baje. Bawo ni Mo Ṣe Ṣatunṣe Rẹ?

Idahun si jẹ ila kan ti HTML pe nigba ti a fi sii ni akọsori oju-iwe wẹẹbu kan sọ fun ẹrọ lati ṣeto iwo wiwo si iwọn tirẹ (320px ninu ọran ti iPhone 5) ati lati ma ṣe iwọn (tabi sun-un) oju-iwe naa.

Fun ijiroro imọ-ẹrọ diẹ sii ti gbogbo awọn aṣayan ti o ni ibatan si tag meteta yii, ṣayẹwo nkan yii lori tutsplus.com .

Bii o ṣe le ṣatunṣe Wodupiresi X Akori Nigbati Ko Ṣe Idahun

Pada si ọrẹ mi lati iṣaaju: Laini koodu kan yii parẹ nigbati o ṣe imudojuiwọn akori X. Nigbati o ba n ṣatunṣe tirẹ, ranti pe akori X ko lo faili akọle kan - o lo awọn faili akọle oriṣiriṣi fun gbogbo akopọ, nitorinaa o ni lati satunkọ tirẹ.

bọtini mini ile ipad ti di

Niwọn igba ti Nick nlo akopọ Ethos ti akori X, o ni lati ṣafikun ila ti koodu ti mo mẹnuba ṣaaju si faili akọle ti o wa ni x /frameworks/views/ethos/wp-header.php . Ti o ba lo akopọ oriṣiriṣi, rọpo orukọ akopọ rẹ (Iduroṣinṣin, Tunse, ati bẹbẹ lọ) fun 'iṣe' lati wa faili akọle ti o pe. Fi ila kan sii, ati voila! O dara lati lọ.

Nitorinaa Eyi Ṣe Awọn atunṣe Awọn ibeere Media Mi CSS, Ju?

Nigbati o ba fi sii laini yẹn ni akọsori faili HTML rẹ, idahun rẹ awọn ibeere @media yoo bẹrẹ lojiji lati ṣiṣẹ lẹẹkansi ati ẹya alagbeka ti oju opo wẹẹbu rẹ yoo pada si aye. O ṣeun fun kika ati pe Mo nireti pe o ṣe iranlọwọ!

Ranti lati Payette Siwaju,
David P.