Pred kratkim me je kontaktiral moj prijatelj in me prosil za pomoč pri spletnem mestu WordPress, ki ga je zgradil s pomočjo teme X. Njegova stranka ga je poklicala tisto jutro, potem ko je opazil, da se njegovo spletno mesto v iPhonu ne prikazuje pravilno. Nick ga je sam preveril in zagotovo čudovit odziven dizajn, ki ga je zasnoval, ni več deloval.
Nadalje ga je mistificiralo dejstvo, da ko je spremenil velikost okna brskalnika na namizju, spletnem mestu je bil odziven, a na njegovem iPhoneu je bila prikazana samo namizna različica. Zakaj bi bilo spletno mesto odziven v namiznem računalniku in neodziven v mobilni napravi?
Zakaj odziven dizajn ne deluje
Odziven dizajn preneha delovati, če v glavi datoteke HTML manjka ena vrstica kode. Če manjka ta ena vrstica kode, bodo vaši iPhone, Android in druge mobilne naprave domnevali, da je spletno mesto, ki si ga ogledujete, polno velikost namizja in prilagodili velikost pogled za zajem celotnega zaslona.
Kaj mislite pod prikazom in velikostjo pogleda?
V vseh napravah se velikost vidnega polja nanaša na velikost področja spletne strani, ki je trenutno vidno uporabniku. Predstavljajte si, da imate iPhone 5 s širino 320 pik. Če ni izrecno rečeno drugače, iPhones domnevajo, da je vsako spletno mesto, ki ga obiščete, namizno spletno mesto s širino 980 slikovnih pik.
Zdaj, z uporabo vašega namišljenega iPhona 5,obiščete spletno mesto, zasnovano za namizje, ki je široko 800 slikovnih pik. Nima odzivne postavitve, zato vaš iPhone prikazuje namizno različico celotne širine.
ipad traja polnjenje za vedno
Toda iPhone 5 je širok le 320 slikovnih pik. Ali ni to vedno velikost vidnega polja?
Ne, ni. Z velikostjo vidnega polja lahko gre za skaliranje . IPhone mora pomanjšati, da si ogleda različico spletne strani v celotni širini. Ne pozabite, da se okno za prikaz nanaša na območje strani, ki je trenutno uporabniku vidno. Ali uporabnik iPhona trenutno vidi le 320 slikovnih pik strani, ali pa različico celotne širine?
Tako je: Na svojem zaslonu vidijo spletno stran celotne širine, ker je iPhone domneval, da gre za privzeto vedenje: pomanjšana je, da si lahko uporabnik ogleda spletno stran do širine 980 slikovnih pik. Zato je prikazno območje iPhona 980 slikovnih pik.
Ko povečate ali pomanjšate, se velikost vidnega polja spremeni. Pred tem smo že povedali, da ima naše namišljeno spletno mesto širino 800 slikovnih pik, tako da, če bi svoj iPhone povečali tako, da bi se robovi spletnega mesta dotikali robov zaslona vašega iPhona, bi bilo okno za ogled 800 pik. IPhone lahko imeti prikazno območje 320 slikovnih pik na namiznem spletnem mestu, če pa bi, bi videli le majhen del.
kako se povezati z itunes, ko je ipad onemogočen
Moje odzivno spletno mesto je pokvarjeno. Kako to popravim?
Odgovor je ena vrstica HTML-ja, ki ob vstavitvi v glavo spletne strani sporoči napravi, da nastavi prikazno polje na lastno širino (320px v primeru iPhone 5) in da ne spreminja (ali poveča) strani.
Za bolj tehnično razpravo o vseh možnostih, povezanih s to metaoznako, si oglejte ta članek na tutsplus.com .
Kako popraviti temo WordPress X, ko ni odzivna
Nazaj k prijatelju od prej: Ta vrstica kode je izginila, ko je posodobil temo X. Ko popravljate svojega, ne pozabite, da tema X ne uporablja samo ene datoteke glave - za vsak sklad uporablja različne datoteke glave, zato boste morali urediti svojo.
kaj uporablja podatke na iphone 6
Ker Nick uporablja sklad Ethos teme X, je moral v datoteko glave, ki se nahaja v x, dodati vrstico kode, ki sem jo že omenil. /frameworks/views/ethos/wp-header.php . Če uporabljate drug sklad, ime svojega sklada (Integrity, Renew itd.) Nadomestite z besedo ‘ethos’ in poiščite pravilno glavo. Vstavite to eno vrstico in voila! Dobro je iti.
Torej tudi to popravlja moje CSS medijske poizvedbe?
Ko vstavite to vrstico v glavo datoteke HTML, bodo vaše odzivne poizvedbe @media nenadoma spet začele delovati in mobilna različica vašega spletnega mesta bo spet zaživela. Hvala za branje in upam, da pomaga!
Ne pozabite na Payette Forward,
David P.