Webosaete ea ka e arabelang ha e sebetse. The Fix: Viewport.

My Responsive Website Isn T Working







Leka Sesebelisoa Sa Rona Bakeng Sa Ho Tlosa Mathata

hobaneng ke utloa ho sisinyeha ka mpeng e ka tlase

Motsoalle oa ka o sa tsoa ikopanya le nna ho kopa thuso ka sebaka sa WordPress seo a se hahileng a sebelisa sehlooho sa X. Moreki oa hae o ne a ile a mo letsetsa hoseng hoo kamora hore a hlokomele hore sebaka sa hae sa marang-rang se ne se sa bontše ka nepo ho iPhone ea hae. Nick o ile a itlhahloba, 'me ruri, moqapi o motle oa karabelo oo a o qapileng o ne o se o sa sebetse.





O ile a boela a makatsoa ke taba ea hore ha a ntlafatsa fensetere ea sebatli sa hae, komporong ea hae ne e arabela, empa ho iPhone ea hae, ke mofuta oa desktop feela o bontšitsoeng. Hobaneng ha sebaka sa marang-rang se ka ba ho arabela khomphuteng ea desktop le e sa arabeleng sesebelisoa sa mohala?



Hobaneng ha Moralo o Mamelang o sa Sebetse

Moralo o arabelang hantle o khaotsa ho sebetsa ha mohala o le mong oa khoutu o le sieo hloohong ea faele ea HTML. Haeba mohala ona o le mong oa khoutu o le sieo, iPhone, Android, le lisebelisoa tse ling tsa mehala li tla nka hore sebaka sa marang-rang seo u se bonang ke sebaka sa desktop se boholo bo felletseng 'me se fetole boholo ba pono ho akaretsa skrine kaofela.

U bolela'ng ka boholo ba Viewport le Viewport?

Linthong tsohle tsa lisebelisoa, boholo ba sebaka sa pono bo bolela boholo ba sebaka sa leqephe la webo se seng se bonahala ho mosebelisi. Nahana u tšoere iPhone 5 e nang le bophara ba pixels tse 320. Ntle le ha ho boletsoe ka ho hlaka, li-iPhones li nahana hore sebaka se seng le se seng sa marang-rang seo u se etelang ke sebaka sa desktop se nang le bophara ba 980px.

Joale, u sebelisa iPhone 5 ea hau e inahaneloang,u etela sebaka sa marang-rang se etselitsoeng desktop e bophara ba 800px. Ha e na moralo o arabelang, kahoo iPhone ea hau e bonts'a mofuta o felletseng oa desktop.





hobaneng o sa sebetse mosebetsi oa ka oa charger oa iphone

Empa iPhone 5 e bophara ba lipikselse tse 320 feela. Ha se kamehla boholo ba lebala la pono bo lulang bo le joalo?

Che, ha ho joalo. Ka boholo ba pono, ho nyolla ho ka ameha . IPhone e tlameha ho nyenyefatsa ho bona mofuta o felletseng oa leqephe la webo. Hopola hore pono ea pono e supa sebaka sa leqephe se seng se bonahala ho mosebelisi. Na mosebelisi oa iPhone hajoale o bona pixels tse 320 feela tsa leqephe, kapa ba bona mofuta o felletseng oa bophara?

Ke 'nete: Ba bona leqephe le felletseng la sebaka sa marang-rang ponts'ong ea bona hobane iPhone e nkile hore ke boits'oaro ba mantlha: E hlakotsoe hore mosebelisi a ka sheba leqephe la webo ho fihlela bophara ba pixels tsa 980. Ka hona, pono ea pono ea iPhone ke 980px.

Ha o ntse o atometsa kapa o katametsa, boholo ba pono boa fetoha. Re boletse pejana hore sebaka sa rona sa marang-rang se na le bophara ba 800px, kahoo haeba u ne u ka atametsa iPhone ea hau molemong oa hore likarolo tsa sebaka sa marang-rang li ame likarolo tsa ponts'o ea iPhone ea hau, sebaka sa pono se tla ba 800px. IPhone khona e-na le sebaka sa ho shebella sa 320px sebakeng sa desktop, empa haeba e ne e le teng, u tla be u bona karolo e nyane feela ea eona.

iphone e ntse e botsa phasewete

Webosaete ea ka e arabelang e robehile. Nka e lokisa joang?

Karabo ke mola o le mong oa HTML oo ha o kentsoe hloohong ea leqephe la webo o joetsa sesebelisoa hore se ipehele sebaka sa pono bakeng sa bophara ba sona (320px ntlheng ea iPhone 5) eseng ho holisa (kapa ho atometsa) leqephe.

Bakeng sa puisano ea tekheniki ea likhetho tsohle tse amanang le meta tag ena, hlahloba sengoloa sena ho tutsplus.com .

Mokhoa oa ho lokisa WordPress X Theme ha e sa arabele

Khutlela ho motsoalle oa ka ho tloha pele: Mohala ona o le mong oa khoutu o ile oa nyamela ha a nchafatsa sehlooho sa X. Ha u lokisa ea hau, hopola hore sehlooho sa X ha se sebelise faele e le 'ngoe feela ea hlooho - e sebelisa lifaele tse fapaneng tsa lihlooho bakeng sa mokoallo o mong le o mong, ka hona o tla tlameha ho hlophisa ea hau.

mohala o sa arabeleng ha o ts'oaroa

Kaha Nick o sebelisa stack ea Ethos ea X, o ile a tlameha ho eketsa mola oa khoutu eo ke e boletseng pejana faeleng ea hlooho e neng e le x /frameworks/views/ethos/wp-header.php . Haeba u sebelisa pokello e fapaneng, beha lebitso la mothapo oa hau (Botšepehi, Ntlafatsa, jj.) Bakeng sa 'ethos' ho fumana faele ea hlooho e nepahetseng. Kenya mola o le mong, 'me voila! U hantle ho tsamaea.

Joale sena se lokisa lipotso tsa ka tsa mecha ea litaba tsa CSS, hape?

Ha o kenya mola oo hloohong ea faele ea hau ea HTML, lipotso tsa hau tse arabelang @media li tla qala ho sebetsa hape ka tšohanyetso 'me mofuta oa mobile oa sebaka sa hau sa marang-rang o tla phela hape. Ke leboha ho bala mme ke ts'epa hore e ea thusa!

Hopola ho Patela Pele,
David P.