Kāds mans draugs nesen ar mani sazinājās, lai lūgtu palīdzību saistībā ar WordPress vietni, kuru viņš izveidoja, izmantojot X tēmu. Viņa klients tajā rītā viņam piezvanīja pēc tam, kad viņš pamanīja, ka viņa vietne iPhone ierīcē netiek parādīta pareizi. Niks to pats pārbaudīja, un, protams, viņa izstrādātais skaistais atsaucīgais dizains vairs nedarbojās.
Viņu vēl vairāk mistificēja fakts, ka, mainot pārlūkprogrammas loga lielumu uz darbvirsmas, vietnes bija atsaucīgs, bet uz viņa iPhone tika parādīta tikai darbvirsmas versija. Kāpēc vietne būtu reaģē uz galddatora un mobilajā ierīcē nereaģē?
Kāpēc atsaucīgs dizains nedarbojas
Reaģējošais dizains pārstāj darboties, ja HTML faila galvenē trūkst vienas koda rindas. Ja trūkst šīs vienas koda rindiņas, jūsu iPhone, Android un citas mobilās ierīces pieņem, ka vietne, kuru skatāt, ir pilna izmēra darbvirsmas vietne, un pielāgos koda lielumu. skats lai aptvertu visu ekrānu.
Ko jūs domājat ar skatu un skata lielumu?
Visās ierīcēs skata loga lielums attiecas uz tīmekļa vietnes laukuma lielumu, kas pašlaik ir redzams lietotājam. Iedomājieties, ka jums ir iPhone 5 ar 320 pikseļu platumu. Ja vien nav skaidri norādīts citādi, iPhone pieņem, ka katra apmeklētā vietne ir darbvirsmas vietne ar platumu 980 pikseļi.
Izmantojot iedomāto iPhone 5,jūs apmeklējat vietni, kas paredzēta galddatoriem un ir 800 pikseļu plata. Tam nav atsaucīga izkārtojuma, tāpēc jūsu iPhone tiek parādīta pilna platuma darbvirsmas versija.
iphone 7 personīgais tīklājs nedarbojas
Bet iPhone 5 platums ir tikai 320 pikseļi. Vai tas ne vienmēr ir skata loga lielums?
Nē, tas nav. Ar skata loga lielumu var būt iesaistīta mērogošana . IPhone tālummaiņa ir jāpārtrauc, lai redzētu pilnas platuma tīmekļa lapu. Atcerieties, ka skata ports attiecas uz lapas apgabalu, kas pašlaik ir redzams lietotājam. Vai iPhone lietotājs šobrīd redz tikai 320 pikseļus lapas, vai arī viņi redz pilna platuma versiju?
Tas ir pareizi: viņi savā displejā redz pilnas platuma tīmekļa lapu, jo iPhone ir pieņēmis, ka tā ir noklusējuma darbība: tā ir tālināta, lai lietotājs varētu skatīt tīmekļa lapu līdz 980 pikseļu platumam. Tāpēc iPhone skata punkts ir 980 pikseļi.
Tuvinot vai tālinot, mainās skata loga lielums. Iepriekš mēs teicām, ka mūsu iedomātās vietnes platums ir 800 pikseļi, tādēļ, ja tuvinātu savu iPhone tā, lai vietnes malas pieskartos jūsu iPhone displeja malām, skata punkts būtu 800 pikseļu. IPhone var darbvirsmas vietnē ir 320 pikseļu skata punkts, taču, ja tā būtu, jūs redzētu tikai nelielu tās daļu.
kāpēc mans tīklājs nesavienos
Mana atsaucīgā vietne ir bojāta. Kā to salabot?
Atbilde ir viena HTML rindiņa, kas, ievietojot tīmekļa lapas galvenē, liek ierīcei iestatīt skata punktu tā platumam (320 pikseļi iPhone 5 gadījumā) un nevis mērogot (vai tuvināt) lapu.
Lai iegūtu tehniskāku diskusiju par visām iespējām, kas saistītas ar šo meta tagu, pārbaudiet šo rakstu vietnē tutsplus.com .
Kā novērst WordPress X motīvu, ja tas nav atsaucīgs
Atpakaļ pie sava drauga iepriekš: šī koda rindiņa pazuda, kad viņš atjaunināja X tēmu. Labojot savu, ņemiet vērā, ka X motīvā netiek izmantots tikai viens galvenes fails - katram kaudzei tiek izmantoti dažādi galvenes faili, tāpēc jums būs jārediģē savējie.
lietotņu veikals pazuda no ipod
Tā kā Niks izmanto tēmu Ethos kaudze X, galvenes failam, kas atradās x, viņam bija jāpievieno iepriekš minētā koda rinda /frameworks/views/ethos/wp-header.php . Ja izmantojat citu kaudzīti, aizstājiet kaudzes nosaukumu (Integrity, Renew utt.) Ar vārdu “ethos”, lai atrastu pareizo galvenes failu. Ievietojiet šo vienu rindiņu, un voila! Tev iet labi.
Tātad, tas arī izlabo manus CSS multivides vaicājumus?
Ievietojot šo rindiņu HTML faila galvenē, jūsu atsaucīgie @media vaicājumi pēkšņi sāks darboties atkal, un jūsu vietnes mobilā versija atkal atdzīvosies. Paldies, ka lasījāt, un es ceru, ka tas palīdzēs!
Atcerieties Payette Forward,
Deivids P.