Iwebhusayithi yami ephendulayo ayisebenzi. I-Fix: Viewport.

My Responsive Website Isn T Working







Zama Ithuluzi Lethu Lokuqeda Izinkinga

uwoyela wesanqante wezinwele zemvelo

Umngani wami muva nje ungithintile wacela usizo ngeWordPress site ayakhe esebenzisa i-X theme. Ikhasimende lakhe limshayele ucingo ekuseni ngemuva kokubona ukuthi iwebhusayithi yakhe ibingakhombisi kahle kwi-iPhone yakhe. UNick wazihlola ngokwakhe, futhi ngokuqinisekile, umklamo omuhle wokuphendula awuklanyile wawungasasebenzi.





Uphinde wamangazwa ukuthi lapho elungisa usayizi wewindi lesiphequluli sakhe kudeskithophu yakhe, isayithi kwaba iyaphendula, kepha ku-iPhone yakhe, kukhonjiswe kuphela inguqulo yedeskithophu. Kungani isiza singaba isabela kukhompyutha yedeskithophu futhi engaphenduli kudivayisi yeselula?



Kungani Idizayini Ephendulayo Ingasebenzi

Idizayini ephendulayo iyeka ukusebenza lapho umugqa owodwa wekhodi ungekho kunhlokweni wefayela le-HTML. Uma lo mugqa wekhodi ungekho, i-iPhone yakho, i-Android, namanye amadivayisi weselula azocabanga ukuthi iwebhusayithi oyibukayo yisayithi ledeskithophu eligcwele bese ilungisa usayizi we indawo yokubuka ukuhlanganisa sonke isikrini.

Usho Ukuthini Ngosayizi Wokubuka Nokubuka?

Kuwo wonke amadivayisi, ubukhulu bendawo yokubuka bubhekisela kusayizi wendawo yekhasi lewebhu okwamanje elibonakala kumsebenzisi. Cabanga ukuthi uphethe i-iPhone 5 enobubanzi bamaphikseli angama-320. Ngaphandle kokuthi kuchazwe ngokuhlukile, ama-iPhones acabanga ukuthi yonke iwebhusayithi oyivakashelayo iyisayithi ledeskithophu enobubanzi obungu-980px.

Manje, usebenzisa i-iPhone 5 oyicabangayo,uvakashela iwebhusayithi eyenzelwe ideskithophu ebanzi ngo-800px. Ayinaso isakhiwo esiphendulayo, ngakho-ke i-iPhone yakho ibonisa inguqulo yedeskithophu ebanzi egcwele.





ungasusa kanjani ama-albhamu kusuka ku-iphone

Kepha i-iPhone 5 ingamaphikseli angama-320 kuphela ububanzi. Akusibo njalo ubukhulu bendawo yokubuka?

Cha akunjalo. Ngosayizi wokubuka, ukukala kungabandakanyeka . I-iPhone kufanele isondeze isithombe ukuze ibone ububanzi obugcwele bekhasi lewebhu. Khumbula ukuthi indawo yokubuka ibhekisa endaweni yekhasi okwamanje ebonakalayo kumsebenzisi. Ngabe umsebenzisi we-iPhone njengamanje ubona amaphikseli wekhasi angama-320 kuphela, noma ngabe abona inguqulo egcwele ububanzi?

Kunjalo: Babona ikhasi lewebhu eligcwele ngobubanzi ekubonisweni kwabo ngoba i-iPhone icabange ukuthi iyindlela yokuziphatha ezenzakalelayo: Isondeziwe ukuze umsebenzisi akwazi ukubuka ikhasi lewebhu elifinyelela kububanzi bamaphikseli angama-980. Ngakho-ke, indawo yokubuka ye-iPhone ingu-980px.

Njengoba usondeza noma uhlehlisa isithombe, usayizi wendawo yokubuka uyashintsha. Sishilo ngaphambili ukuthi iwebhusayithi yethu engokomfanekiso inobubanzi obungu-800px, ngakho-ke uma ubungasondeza i-iPhone yakho ukuze imiphetho yewebhusayithi ithinte imiphetho yokubonisa kwe-iPhone yakho, indawo yokubuka ibizoba ngu-800px. IPhone can unendawo yokubuka engu-320px esizeni sedeskithophu, kodwa uma injalo, ubuzobona kuphela ingxenye encane yayo.

ayikwazi ukuvumelaniswa ngoba ayitholakali

Iwebhusayithi Yami Esabelayo Iphukile. Ngingayilungisa Kanjani?

Impendulo ilayini owodwa we-HTML okuthi uma ufakwa kunhlokweni wekhasi lewebhu utshele idivaysi ukuthi isethe indawo yokubuka ibe ngobubanzi bayo (i-320px esimweni se-iPhone 5) hhayi ukukala (noma ukusondeza) ikhasi.

Ukuthola ingxoxo yezobuchwepheshe ngaphezulu kwazo zonke izinketho ezihlobene nale meta tag, hlola le ndatshana ku-tutsplus.com .

Ungayilungisa Kanjani I-WordPress X Theme Lapho Ingaphenduli

Buyela kumngane wami ngaphambili: Lo mugqa owodwa wekhodi wanyamalala lapho evuselela isihloko se-X. Lapho ulungisa eyakho, khumbula ukuthi itimu ye-X ayisebenzisi ifayili elilodwa lekhanda elilodwa - isebenzisa amafayela ahlukene kanhlokweni kwisitaki ngasinye, ngakho-ke kuzofanela uhlele esakho.

isikrini sami se-ipad simnyama kepha ngiyasizwa

Njengoba uNick esebenzisa isitaki se-Ethos se-X, bekufanele engeze umugqa wekhodi engishilo ngaphambili kufayela leheda elaliku-x /frameworks/views/ethos/wp-header.php . Uma usebenzisa isitaki esihlukile, faka igama lesitaki sakho (Integrity, Renew, etc.) ukuze 'ethos' ithole ifayili eliyisihloko elifanele. Faka lowo mugqa, bese u-voila! Ulungele ukuhamba.

Ngakho-ke Lokhu Kulungisa Imibuzo Yami Yezindaba ye-CSS, Futhi?

Lapho ufaka lowo layini kunhlokweni wefayela lakho le-HTML, imibuzo yakho ephendulayo ye- @media izoqala ukusebenza futhi kungazelelwe futhi inguqulo yeselula yewebhusayithi yakho izobuyela empilweni. Siyabonga ngokufunda futhi ngiyethemba kuyasiza!

Khumbula uku-Payette Phambili,
UDavid P.