Uebfaqja ime e përgjegjshme nuk po funksionon. Rregullimi: Pamja e pamjes.



My Responsive Website Isn T Working

Një mik i imi më kontaktoi së fundmi për të kërkuar ndihmë me një faqe WordPress që ai kishte ndërtuar duke përdorur temën X. Klienti i tij e kishte telefonuar atë mëngjes pasi vuri re se faqja e tij e internetit nuk po shfaqej si duhet në iPhone e tij. Nick e kontrolloi vetë, dhe me siguri, dizajni i bukur i përgjegjshëm që ai projektoi nuk po funksiononte më.



Ai u mistifikua më tej nga fakti se kur ndryshoi madhësinë e dritares së shfletuesit në desktopin e tij, faqen ishte i përgjegjshëm, por në iPhone-in e tij, u shfaq vetëm versioni i desktopit. Pse do të ishte një sit i përgjegjshëm në një kompjuter desktop dhe jo-përgjegjës në një pajisje të lëvizshme?



Pse Dizajni i Përgjegjshëm nuk funksionon?

Dizajni i përgjegjshëm ndalon së funksionuari kur një rresht i kodit mungon në titullin e një skedari HTML. Nëse kjo linjë e vetme e kodit mungon, iPhone, Android dhe pajisjet e tjera të lëvizshme do të supozojnë se faqja në internet që po shikoni është një faqe desktop me madhësi të plotë dhe rregullon madhësinë e portë shikimi për të përfshirë të gjithë ekranin.

Çfarë kuptoni me Viewport dhe Madhësinë Viewport?

Në të gjitha pajisjet, madhësia e pikëpamjes i referohet madhësisë së zonës së një faqe në internet që aktualisht është e dukshme nga përdoruesi. Imagjinoni sikur po mbani një iPhone 5 me një gjerësi 320 pixel. Në qoftë se nuk thuhet shprehimisht ndryshe, iPhone supozojnë se çdo faqe në internet që vizitoni është një faqe desktop me një gjerësi prej 980px.



Tani, duke përdorur iPhone tuaj imagjinar 5,ju vizitoni një faqe në internet të krijuar për desktop që është e gjerë 800px. Nuk ka një paraqitje të përgjegjshme, kështu që iPhone juaj shfaq versionin e desktopit me gjerësi të plotë.

Por një iPhone 5 është i gjerë vetëm 320 piksel. A nuk është gjithmonë madhësia e portës së shikimit?

Jo nuk eshte. Me madhësinë e pamjes, shkallëzimi mund të përfshihet . IPhone duhet të zmadhojë për të parë versionin me gjerësi të plotë të faqes në internet. Mos harroni se viewport i referohet zonës së një faqe që aktualisht është e dukshme nga përdoruesi. A po shikon përdoruesi i iPhone aktualisht vetëm 320 pikselë të faqes, apo po shohin versionin me gjerësi të plotë?



’Sshtë e drejtë: Ata po shohin faqen në internet me gjerësi të plotë në ekranin e tyre sepse iPhone ka supozuar se është sjellje e paracaktuar: zshtë zmadhuar kështu që përdoruesi të mund të shikojë një faqe në internet me gjerësi 980 piksele. Prandaj, pikëpamja e iPhone është 980px.

Ndërsa zmadhoni ose zvogëloni, madhësia e pamjes ndryshon. Ne thamë më parë që faqja jonë e internetit imagjinare ka një gjerësi 800px, kështu që nëse do të zmadhonit iPhone tuaj në mënyrë që skajet e faqes së internetit të preknin skajet e ekranit të iPhone tuaj, porta e shikimit do të ishte 800px. IPhone mundet keni një pamje prej 320 px në një faqe desktop, por nëse do të kishte, do të shihnit vetëm një pjesë të vogël të saj.

Uebfaqja ime e përgjegjshme është e prishur. Si ta rregulloj?

Përgjigja është një rresht i vetëm i HTML që kur futet në titullin e një faqe në internet i thotë pajisjes të vendosë pamjen e parë në gjerësinë e vet (320px në rastin e një iPhone 5) dhe të mos e shkallëzojë (ose zoom) faqen.

Për një diskutim më teknik të të gjitha opsioneve që lidhen me këtë meta tag, shikoni ky artikull në tutsplus.com .

Si ta rregulloni WordPress X Theme kur nuk përgjigjet

Kthehu te miku im nga më parë: Kjo linjë e kodit u zhduk kur ai azhurnoi temën X. Kur rregulloni tuajin, mbani në mend se tema X nuk përdor vetëm një skedar kokë - ajo përdor skedarë të ndryshëm të kokës për çdo pirg, kështu që do të duhet të redaktoni tuajin.

Meqenëse Nick përdor temën Ethos të X, atij iu desh të shtonte linjën e kodit që përmenda më parë në skedarin e kokës që ndodhej në x /frameworks/views/ethos/wp-header.php . Nëse përdorni një pirg tjetër, zëvendësoni emrin e pirgut tuaj (Integriteti, Rinovoni, etj.) Me ‘etos’ për të gjetur skedarin e saktë të kokës. Vendos atë një rresht, dhe voila! Je mire te shkosh.

Pra, kjo rregullon pyetjet e mia të mediave CSS, shumë?

Kur futni atë vijë në titullin e skedarit tuaj HTML, pyetjet tuaja të përgjegjshme @ media papritmas do të fillojnë të funksionojnë përsëri dhe versioni celular i faqes suaj të internetit do të rikthehet në jetë. Faleminderit për leximin dhe shpresoj të ndihmojë!

Mos harroni të Payette Forward,
David P.