Chuaigh cara liom i dteagmháil liom le déanaí chun cabhair a iarraidh le suíomh WordPress a bhí tógtha aige ag úsáid téama X. Ghlaoigh a chliant air an mhaidin sin tar éis dó a thabhairt faoi deara nach raibh a shuíomh Gréasáin ag taispeáint i gceart ar a iPhone. Rinne Nick é a sheiceáil amach é féin, agus cinnte go leor, ní raibh an dearadh álainn sofhreagrach a dhear sé ag obair níos mó.
Chuir sé an scéal in iúl dom arís nuair a athraigh sé fuinneog a bhrabhsálaí ar a dheasc, an suíomh bhí sofhreagrach, ach ar a iPhone, níor taispeánadh ach an leagan deisce. Cén fáth a mbeadh suíomh? sofhreagrach ar ríomhaire deisce agus neamhfhreagrach ar ghléas soghluaiste?
Cén Fáth nach n-Oibríonn Dearadh Sofhreagrach
Stopann dearadh sofhreagrach ag obair nuair a bhíonn líne amháin de chód in easnamh ó cheanntásc comhad HTML. Má tá an líne shingil seo de chód in easnamh, glacfaidh do iPhone, Android agus gléasanna soghluaiste eile leis gur suíomh deisce lánmhéide é an suíomh Gréasáin a bhfuil tú ag féachaint air agus coigeartóidh sé méid an amharcphort chun an scáileán iomlán a chuimsiú.
Cad a chiallaíonn tú le Viewport agus Méid Viewport?
Ar gach feiste, tagraíonn méid an amharcphort do mhéid an limistéir de leathanach gréasáin atá le feiceáil ag an úsáideoir faoi láthair. Samhlaigh go bhfuil iPhone 5 agat le leithead 320 picteilín. Mura gcuirtear a mhalairt in iúl go sainráite, glacann iPhones leis gur suíomh deisce le leithead 980px gach suíomh Gréasáin a dtugann tú cuairt air.
Anois, ag baint úsáide as do iPhone 5 samhailteach,tugann tú cuairt ar shuíomh Gréasáin atá deartha le haghaidh deisce atá 800px ar leithead. Níl leagan amach sofhreagrach aige, mar sin taispeánann do iPhone an leagan deisce lán-leithead.
ceol úll nach bhfuil ag obair ios 10
Ach níl iPhone 5 ach 320 picteilín ar leithead. Nach é sin méid an amharcphoist i gcónaí?
Níl sé. Le méid an amharcphort, is féidir scálú a bheith i gceist . Caithfidh an iPhone súmáil amach chun an leagan lán-leithead den leathanach gréasáin a fheiceáil. Cuimhnigh go dtagraíonn amharcphort don limistéar leathanaigh atá infheicthe ag an úsáideoir faoi láthair. An bhfuil ach 320 picteilín an leathanaigh á fheiceáil ag úsáideoir an iPhone faoi láthair, nó an bhfuil an leagan lán-leithead á fheiceáil aige?
Sin ceart: Tá an leathanach gréasáin lán-leithead ar a dtaispeántas á fheiceáil acu toisc gur ghlac an iPhone leis an iompar réamhshocraithe: Tá sé súmáilte amach ionas go bhféadfadh an t-úsáideoir féachaint ar leathanach gréasáin suas le leithead 980 picteilín. Dá bhrí sin, is é dearcadh amharc an iPhone 980px.
De réir mar a dhéanann tú zúmáil isteach nó amach, athraíonn méid an amharcphort. Dúirt muid roimhe seo go bhfuil leithead 800px ar ár suíomh Gréasáin samhailteach, mar sin dá mbeifeá ag súmáil isteach i do iPhone ionas go mbeadh imill an láithreáin ghréasáin i dteagmháil le himill thaispeántas do iPhone, bheadh an amharcphort 800px. An iPhone féidir tá amharcphort de 320px agat ar shuíomh deisce, ach má rinne, ní bheidh á fheiceáil agat ach cuid bheag de.
cad iad socruithe iompróra le haghaidh iphone
Tá mo Láithreán Gréasáin Freagrach Briste. Conas is féidir liom é a shocrú?
Is é an freagra líne amháin de HTML a insíonn don fheiste nuair a chuirtear isteach i gceanntásc leathanach gréasáin é chun an amharcphointe a shocrú dá leithead féin (320px i gcás iPhone 5) agus gan an leathanach a scála (nó a zúmáil).
Le haghaidh plé níos teicniúla ar na roghanna go léir a bhaineann leis an meta tag seo, féach ar an t-alt seo ar tutsplus.com .
Conas Téama WordPress X a Dheisiú nuair nach bhfuil sé Freagrach
Ar ais chuig mo chara ó roimhe seo: D’imigh an líne amháin cód seo nuair a rinne sé an téama X a nuashonrú. Agus do cheann féin á shocrú agat, coinnigh i gcuimhne nach n-úsáideann téama X ach comhad ceanntásca amháin - úsáideann sé comhaid ceanntásca éagsúla le haghaidh gach cruachta, mar sin beidh ort do cheann a chur in eagar.
tá mo iphone plugáilte isteach ach níl sé ag muirearú
Ós rud é go n-úsáideann Nick an téama Ethos stack de X, b’éigean dó líne de chód a luaigh mé roimhe seo a chur leis an gcomhad ceanntásca a bhí suite in x /frameworks/views/ethos/wp-header.php . Má úsáideann tú cruachta difriúil, cuir ainm do chruachta (Ionracas, Athnuachan, srl.) In ionad ‘éiteas’ chun an comhad ceanntásca ceart a fháil. Cuir isteach an líne amháin sin, agus voila! Is maith an rud duit dul.
Mar sin Socraíonn sé seo Mo Cheisteanna Meán CSS, Ró-mhór?
Nuair a chuireann tú an líne sin isteach i gceanntásc do chomhad HTML, tosóidh do cheisteanna freagracha @media ag obair arís go tobann agus tiocfaidh an leagan soghluaiste de do shuíomh Gréasáin ar ais sa saol. Go raibh maith agat as léamh agus tá súil agam go gcabhraíonn sé!
Cuimhnigh ar Payette Forward,
David P.