Tsy mandeha ny tranokalako mandray andraikitra. The Fix: Viewport.

My Responsive Website Isn T Working







Andramo Ny Fitaovana Ataontsika Mba Hanesorana Ireo Olana

manonofy handray farantsa volafotsy

Nisy namako iray vao nifandray tamiko mba hangataka fanampiana amin'ny tranokala WordPress namboariny tamin'ny fampiasana ny lohahevitra X. Niantso azy ny mpanjifany io maraina io taorian'ny nahitany fa tsy miseho tsara amin'ny iPhone-ny ny tranonkalany. Nizaha azy manokana i Nick, ary azo antoka fa tsy mandeha intsony ilay famolavolana mamaly tsara nomaniny.





Vao mainka nampangitakitaka azy ny zava-misy fa rehefa nanova ny haben'ny fitaratry ny mpanamory azy teo amin'ny biraony izy, ilay tranonkala dia mamaly, fa amin'ny iPhone-ny, ny kinova desktop ihany no naseho. Fa maninona no misy tranokala mamaly amin'ny solosaina birao SY tsy mamaly amin'ny finday?



Maninona no tsy mandeha ny famolavolana mamaly

Ny famolavolana mamaly dia mijanona tsy miasa raha tsy misy tsipika kaody iray tsy hita ao amin'ny lohatenin'ny rakitra HTML. Raha tsy misy io tsipika kaody tokana io dia hihevitra ny iPhone, Android, ary ny fitaovana finday hafao fa ny tranokala izay jerenao dia tranokala iray feno habe ary manitsy ny haben'ny viewport hanarona ny efijery iray manontolo.

Inona no tianao holazaina amin'ny Viewport sy ny haben'ny Viewport?

Amin'ny fitaovana rehetra, ny haben'ny viewport dia manondro ny haben'ny velaran'ny pejin-tranonkala iray izay hitan'ny mpampiasa izao. Alao an-tsaina izany hoe mitazona iPhone 5 manana sakany 320 teboka ianao. Raha tsy voalaza mazava ny fomba hafa, iPhones dia mihevitra fa ny tranokala rehetra tsidihinao dia tranokala misy 980px ny sakany.

Ankehitriny, mampiasa ny iPhone 5 an-tsainao,mitsidika tranonkala iray natao ho an'ny birao izay misy 800px ny sakany. Tsy manana firakitra mamaly izany, ka ny iPhone dia mampiseho ny kinova amin'ny birao feno.





fakan-tsary iphone manjavozavo taorian'ny fanavaozana

Fa ny iPhone 5 dia 320 piksel fotsiny. Moa ve tsy ny haben'ny viewport foana izany?

Tsia, tsia. Miaraka amin'ny haben'ny viewport, scaling mety tafiditra ao . Ny iPhone dia mila manao zoom raha vao mahita ny kinova feno amin'ny pejin-tranonkala. Tadidio fa ny viewport dia manondro ny faritra misy pejy iray izay hitan'ny mpampiasa ankehitriny. Moa ve mahita ny pixel 320 an'ny pejy fotsiny ilay mpampiasa iPhone, sa mahita ny kinininy feno izy ireo?

Marina izany: Hitan'izy ireo ny pejin-tranonkala feno habe amin'ny fampiratiana azy ireo satria ny iPhone dia nihevitra fa fitondran-tena tsy misy kilema izany: Nasiana zoom izy io mba hahafahan'ny mpampiasa mijery tranonkala iray hatramin'ny 980 teboka ny sakany. Noho izany, 980px ny fijerin'ny iPhone.

Rehefa manao zoom na mivoaka ianao dia miova ny haben'ny viewport. Nolazainay teo aloha fa ny tranokalanay an-tsaina dia manana 800px ny sakany, ka raha hanao zoom amin'ny iPhone ianao ka manohina ny sisin'ny fisehoan'ny iPhone ny sisin'ny tranokala dia 800px ny viewport. Ny iPhone afaka manana viewport 320px amin'ny tranokala birao, fa raha nanao izany dia ampahany kely fotsiny no ho hitanao.

maninona no tsy fanavaozana ny fampiharana ny iphone-ko

Tapaka ny tranokalako mandray andraikitra. Ahoana no amboarako azy?

Ny valiny dia andalana tokana HTML izay rehefa ampidirina ao amin'ny lohan'ny pejin-tranonkala iray dia milaza amin'ilay fitaovana hametraka ny viewport ho ny sakany (320px raha toa ka misy iPhone 5) fa aza atao ambaratonga (na zohy) ny pejy.

Raha mila hevitra ara-teknika misimisy kokoa momba ny safidy rehetra mifandraika amin'ity meta tag ity dia zahao ity lahatsoratra ity amin'ny tutsplus.com .

Ahoana no manamboatra temotra WordPress X rehefa tsy mamaly

Miverina any amin'ny namako taloha: Nanjavona ity tsipika kaody iray ity rehefa nohavaoziny ny lohahevitra X. Rehefa manamboatra ny anao ianao dia tadidio fa ny lohahevitra X dia tsy mampiasa rakitra lohateny iray fotsiny - dia mampiasa rakitra lohateny hafa isaky ny stack, noho izany dia mila manitsy ny anao ianao.

ford sync tsy hilalao mozika avy amin'ny usb

Hatramin'ny nampiasan'i Nick ny lohahevitra Ethos an'ny lohahevitra X dia voatery nanampy andiana kaody nolazaiko teo aloha ny rakitra lohateny izay hita ao amin'ny x /frameworks/views/ethos/wp-header.php . Raha mampiasa stack hafa ianao, soloy ny anaran'ny stack anao (Integrity, Renew, sns) ho an'ny ‘etos’ hahitanao ny rakitra lohateny marina. Ampidiro io tsipika iray io, ary voila! Tsara ny mandeha.

Ka io no manamboatra ny CSS Media Queries-ko koa?

Rehefa ampidirinao ao amin'ny lohatenin'ny rakitra HTML anao io tsipika io dia hanomboka hiasa tampoka indray ny fangatahanao @media ary hiverenan'ny fiainana ilay kinova findainao. Misaotra namaky ary antenaiko fa mahasoa!

Aza adino ny Payette Forward,
David P.