Chan eil an làrach-lìn freagairteach agam ag obair. An Fix: Viewport.

My Responsive Website Isn T Working







Feuch An Ionnstramaid Againn Airson Cuir Às Do Dhuilgheadasan

dè tha e a ’ciallachadh nuair a thuiteas do làmh

Chuir caraid dhomh fios thugam o chionn ghoirid gus cuideachadh iarraidh le làrach WordPress a thog e a ’cleachdadh cuspair X. Bha an neach-dèiligidh aige air fios a chuir thu air a ’mhadainn sin às deidh dha mothachadh nach robh an làrach-lìn aige a’ nochdadh gu ceart air an iPhone aige. Thug Nick sùil air fhèin, agus gu cinnteach gu leòr, cha robh an dealbhadh brèagha freagairteach a dhealbhaich e ag obair tuilleadh.





Bha e na iongnadh nas motha nuair a dh ’atharraich e uinneag a’ bhrobhsair air an deasg aige, an làrach bha freagairteach, ach air an iPhone aige, cha deach ach an dreach deasg a thaisbeanadh. Carson a bhiodh làrach ann freagairteach air coimpiutair deasg agus neo-fhreagarrach air inneal gluasadach?



Carson nach obraich dealbhadh freagairteach

Bidh dealbhadh freagairteach a ’stad ag obair nuair a tha aon loidhne de chòd a dhìth bho cheann faidhle HTML. Ma tha an loidhne shingilte seo de chòd a dhìth, gabhaidh an iPhone, Android agus innealan gluasadach eile agad a-steach gur e làrach deasg làn-mheud a th ’anns an làrach-lìn air a bheil thu a’ coimhead agus atharraichidh iad meud an viewport gus an scrion gu lèir a ghabhail a-steach.

Dè a tha thu a ’ciallachadh le meud Viewport agus Viewport?

Air a h-uile inneal, tha meud an t-seallaidh a ’toirt iomradh air meud na farsaingeachd de dhuilleag-lìn a tha ri fhaicinn leis an neach-cleachdaidh an-dràsta. Smaoinich gu bheil iPhone 5 agad le leud de 320 piogsail. Mura h-eilear ag innse a chaochladh, tha iPhones a ’gabhail ris gur e làrach deasg le leud 980px a th’ anns gach làrach-lìn air an tadhal thu.

A-nis, a ’cleachdadh an iPhone 5 mac-meanmnach agad,bidh thu a ’tadhal air làrach-lìn air a dhealbhadh airson deasg a tha 800px de leud. Chan eil cruth freagairteach aige, mar sin bidh an iPhone agad a ’taisbeanadh an dreach deasg làn-leud.





dè a th ’ann an stòradh iphone eile

Ach chan eil iPhone 5 ach 320 piogsail de leud. Nach e sin an-còmhnaidh meud an t-seallaidh?

Chan eil, chan eil. Le meud viewport, faodaidh sgèileadh a bhith an sàs . Feumaidh an iPhone gluasad a-mach gus an dreach làn-leud den duilleag-lìn fhaicinn. Cuimhnich gu bheil viewport a ’toirt iomradh air an duilleag de dhuilleag a tha an-dràsta ri fhaicinn leis an neach-cleachdaidh. A bheil neach-cleachdaidh an iPhone an-dràsta a ’faicinn dìreach 320 piogsail den duilleag, no a bheil iad a’ faicinn an dreach làn-leud?

Tha sin ceart: Tha iad a ’faicinn an duilleag-lìn làn-leud air an taisbeanadh aca leis gu bheil an iPhone air gabhail ris a’ ghiùlan àbhaisteach: Tha e air leudachadh a-mach gus am faiceadh an neach-cleachdaidh duilleag-lìn suas gu leud 980 piogsail. Mar sin, is e sealladh an iPhone 980px.

Mar a ghluaiseas tu a-steach no a-mach, bidh meud an t-seallaidh ag atharrachadh. Thuirt sinn roimhe seo gu bheil leud 800px air an làrach-lìn mac-meanmnach againn, mar sin nan robh thu airson gluasad a-steach don iPhone agad gus am biodh oirean na làraich-lìn a ’suathadh ri oirean taisbeanadh an iPhone agad, bhiodh an sealladh-amharc 800px. An iPhone urrainn tha sealladh de 320px agad air làrach deasg, ach ma rinn, cha bhith thu a ’faicinn ach pàirt bheag dheth.

dè an diofar eadar imessage agus teachdaireachd teacsa

Tha an làrach-lìn freagairteach agam briste. Ciamar a rèiticheas mi e?

Is e am freagairt aon loidhne de HTML a tha, nuair a thèid a chuir a-steach ann am bileag duilleag-lìn ag innse don inneal an sealladh-seallaidh a shuidheachadh chun a leud fhèin (320px ann an cùis iPhone 5) agus gun a bhith a ’sgèileadh (no a’ gluasad) an duilleag.

Airson beachdachadh nas teicnigeach air na roghainnean uile co-cheangailte ris an meta tag seo, thoir sùil air an artaigil seo air tutsplus.com .

Mar a shocraicheas tu cuspair WordPress X nuair nach eil e freagairteach

Air ais gu mo charaid bho roimhe: Dh ’fhalbh an aon loidhne seo de chòd nuair a dh’ ùraich e an cuspair X. Nuair a bhios tu a ’càradh an tè agad, cumaibh cuimhne nach bi an cuspair X a’ cleachdadh dìreach aon fhaidhle cinn - bidh e a ’cleachdadh diofar fhaidhlichean cinn airson gach stac, mar sin feumaidh tu an tè agad a dheasachadh.

chaidh mo scrion iphone x dubh

Leis gu bheil Nick a ’cleachdadh an stac Ethos de chuspair X, bha aige ri loidhne de chòd a chuir mi iomradh roimhe a chuir ris an fhaidhle cinn a bha suidhichte ann an x /frameworks/views/ethos/wp-header.php . Ma chleachdas tu stac eadar-dhealaichte, cuir ainm do chruach (Ionracas, Ath-nuadhachadh, msaa) an àite ‘ethos’ gus am faidhle cinn ceart a lorg. Cuir a-steach an aon loidhne sin, agus voila! Tha thu math a dhol.

Mar sin tha seo a ’càradh mo cheistean meadhanan CSS, Too?

Nuair a chuireas tu a-steach an loidhne sin ann am bann-cinn an fhaidhle HTML agad, tòisichidh na ceistean freagairteach @media agad gu h-obann ag obair a-rithist agus thig an tionndadh gluasadach den làrach-lìn agad beò a-rithist. Taing airson leughadh agus tha mi an dòchas gun cuidich e!

Cuimhnich air Payette Forward,
Dàibhidh P.