Yangu Inopindura Webhusaiti Haisi Kushanda. Iyo Kugadzirisa: Viewport.

My Responsive Website Isn T Working







Edza Chishandiso Chedu Kubvisa Matambudziko

tsamba yekuenda kune murume wangu

Shamwari yangu nguva pfupi yadarika akandibata kuti ndibvunze rubatsiro neWordPress saiti yaakavaka achishandisa X theme. Mutengi wake akange amudaidza mangwanani iwayo mushure mekunge aona kuti webhusaiti yake yanga isiri kuratidza nemazvo pa iPhone yake. Nick akazviongorora pachezvake, uye chokwadi chakaringana, iyo yakanaka yekuteerera dhizaini yaakagadzira yakanga isingashande zvekare.





Akawedzeredzwa zvakare nenyaya yekuti paakagadzirisa saiti yebrowser yake pane desktop yake, saiti yaive inoteerera, asi pane yake iPhone, chete desktop desktop ndiyo yakaratidzwa. Nei saiti ichive inoteerera pakombuta yedesktop uye isingatenderi pane mbozhanhare?



Nei Kudavirira Dhizaini Isingashande

Kugadzirisa dhizaini kunomira kushanda kana imwe tambo yekodhi isipo kubva kumusoro weiyo HTML faira. Kana iyi imwechete kodhi yekodhi isipo, yako iPhone, Android, uye zvimwe nharembozha zvinofungidzira kuti webhusaiti iwe yauri kutarisa izere-saizi desktop saiti uye gadzirisa saizi yeiyo viewport kutenderera chizere chese.

Iwe Unorevei Ne Viewport uye Viewport Saizi?

Pane zvese zvishandiso, saizi yeiyo yekuona nzvimbo inoreva saizi yenzvimbo yewebhu peji inoonekwa iye zvino kumushandisi. Fungidzira iwe wakabata iyo iPhone 5 ine upamhi hwe 320 pixels. Kunze kwekunge zvataurwa zvakajeka neimwe nzira, iPhones inofungidzira kuti webhusaiti yega yega yaunoshanyira ndeye saiti yedesktop ine upamhi hwe980px.

Zvino, uchishandisa yako yekufungidzira iPhone 5,iwe unoshanyira webhusaiti yakagadzirirwa desktop iri 800px yakafara. Iyo haina dhizaini inoteerera, saka yako iPhone inoratidza yakazara-yakafara desktop desktop.





nei yangu iphone backup kumakore

Asi iyo iPhone 5 ingori 320 pixels yakafara. Haisi iyo nguva dzose kukura kwechitarisiko?

Kwete haisi. Nehukuru hwekutarisa, kuwedzera kunogona kubatanidzwa . Iyo iPhone inofanirwa kuswededza kunze kuti ione yakazara-upamhi vhezheni yewebhu peji. Rangarira iyo yekuona nzvimbo inoreva nzvimbo yepeji iriko zvino inoonekwa kune mushandisi. Iye mushandisi weI iPhone parizvino ari kungoona pixels mazana matatu nemaviri epeji, kana vari kuona iyo yakazara-hupamhi vhezheni?

Ndizvozvo: Vari kuona iyo yakazara-upamhi peji rewebhu pachiratidziro chavo nekuti iyo iPhone yafungidzira kuti ndiyo yakasarudzika maitiro: Yakavezwa kunze kuti mushandisi aone peji rewebhu kusvika pahupamhi hwepikisi 980. Naizvozvo, iyo yekutarisa ye iPhone ndeye 980px.

Sezvaunoswededza mukati kana kunze, saizi yekuona inochinja. Takambotaura kuti webhusaiti yedu yekufungidzira ine hupamhi hwe800px, saka kana iwe waizo zoom mu iPhone yako kuitira kuti micheto yewebsite irikubata mativi eiyo iPhone yako yekuratidzira, iyo yekuona nzvimbo ichave 800px. Iyo iPhone unokwanisa uve nechitarisiko che 320px pane desktop desktop, asi kana ikadaro, iwe unenge uchingoona chikamu chidiki chayo.

nei yangu iphone kamera yakasviba

Yangu Inoteerera Webhusaiti Yakaputsika. Ndinoigadzirisa Sei?

Mhinduro ndeye tambo imwechete yeHTML iyo kana yaiswa mumusoro wewebhu peji inotaurira chishandiso kuti chigadzire nzvimbo yekutarisa kuti ive yayo hupamhi (320px mune iyo iPhone 5) uye kwete kuyera (kana zoom) peji.

Kuti uwane hurukuro yehunyanzvi yesarudzo dzese dzine chekuita neiyi meta tag, tarisa ichi chinyorwa pane tutsplus.com .

Maitiro Ekugadzirisa WordPress X theme Kana Iyo Isingaite

Kudzokera kushamwari yangu kubva pakutanga: Iyi tambo imwe yekodhi yakanyangarika paakagadzirisa iyo X theme. Kana uchigadzirisa yako, ramba uchifunga kuti X theme haishandisi chete musoro musoro faira - inoshandisa akasiyana misoro mafaera kune yega stack, saka uchafanirwa kugadzirisa yako.

iphone bhatiri rangu wont kuchaja

Sezvo Nick anoshandisa iyo Ethos stack yeX theme, aifanira kuwedzera mutsara wekodhi ini yandakambotaura kune iyo musoro wefaera yaive iri mu x /frameworks/views/ethos/wp-header.php . Kana iwe ukashandisa rakasiyana sitaki, chinja zita rechirongo chako (Kuvimbika, Kuvandudza, nezvimwewo) kuitira 'ethos' kuti uwane iyo chaiyo musoro faira. Isa iyo tambo imwe, uye voila! Iwe wakanaka kuenda.

Saka Izvi zvinogadzirisa Yangu CSS Media Mibvunzo, Zvakare?

Paunopinza iyo tambo mumusoro wefaira rako reHTML, yako inopindura @media queries ichangoerekana yatanga kushanda zvakare uye nharembozha yewebhusaiti yako inozomuka kuhupenyu. Ndatenda nekuverenga uye ndinovimba zvinobatsira!

Rangarira ku Payette Pamberi,
David P.