Mnzanga wina adandifunsa kuti apemphe thandizo ndi tsamba la WordPress lomwe adamanga pogwiritsa ntchito mutu wa X. Makasitomala ake adamuyimbira m'mawa m'mawa atazindikira kuti tsamba lake silikuwonetsa bwino pa iPhone yake. Nick adadzifufuza yekha, ndipo zowona, mawonekedwe abwino omvera omwe adapanga sankagwiranso ntchito.
Anasokonezedwanso chifukwa chakuti atasintha zenera lake pa desktop yake, tsambalo anali yomvera, koma pa iPhone yake, mtundu wa desktop wokha ndiomwe udawonetsedwa. Chifukwa chiyani tsamba likhala kumva pa kompyuta ndipo osayankha pafoni?
Chifukwa Chomwe Kapangidwe Koyankha Sikugwira Ntchito
Mapangidwe omvera amasiya kugwira ntchito ngati mzere umodzi wamakalata ukusowa pamutu wa fayilo ya HTML. Ngati mzere wachinsinsiwu ukusowa, iPhone, Android, ndi mafoni ena angaganize kuti tsamba lomwe mukuwonalo ndi tsamba lathunthu ndikusintha kukula kwa wowonera kuphatikiza chinsalu chonse.
Mukutanthauza Chiyani Mukuwona Kukula kwa Viewport ndi Viewport?
Pazida zonse, kukula kwa malo owonera amatanthauza kukula kwa tsambalo lomwe likuwonekera kwa wogwiritsa ntchito. Ingoganizirani kuti mukugwira iPhone 5 yokhala ndi mapikiselo a 320. Pokhapokha ngati atafotokozedwera kwina, ma iPhones amaganiza kuti tsamba lililonse lomwe mumayendera ndi tsamba la desktop lomwe lili ndi 980px.
Tsopano, pogwiritsa ntchito iPhone 5 yanu yongoyerekeza,mumayendera tsamba lawebusayiti lomwe lili 800px mulifupi. Ilibe mawonekedwe omvera, kotero iPhone yanu imawonetsa mawonekedwe athunthu azithunzi.
bwanji sinditha kutumizirana mameseji
Koma iPhone 5 ili ndi pixels 320 okha. Siwo nthawi zonse kukula kwa malo owonera?
Ayi, sichoncho. Ndi kukula kwa viewport, kukulitsa kungaphatikizidwe . IPhone iyenera kuyandikira kuti muwone mawonekedwe athunthu atsambali. Kumbukirani kuti viewport amatanthauza dera lomwe tsamba likuwonekera kwa wogwiritsa ntchito. Kodi wogwiritsa ntchito iPhone pano akuwona ma pixels 320 okha a tsambalo, kapena akuwona mtundu wathunthu?
Ndiko kulondola: Akuwona tsamba lathunthu lakuwonetsera kwawo chifukwa iPhone yaganiza kuti ndi machitidwe osasintha: Yakulitsidwa kuti wosuta athe kuwona tsambali mpaka mapikiselo 980. Chifukwa chake, malo owonera a iPhone ndi 980px.
Mukamayang'ana kapena kutulutsa, kukula kwa seweroli kumasintha. Tidanena kale kuti tsamba lathu longoyerekeza lili ndi 800px, ndiye ngati mungayang'anire mu iPhone yanu kuti m'mbali mwa tsambalo muzikhudza m'mbali mwa chiwonetsero cha iPhone yanu, malo owonera amakhala 800px. IPhone angathe khalani ndi malo owonetsera a 320px patsamba lapa desktop, koma zikadakhala choncho, mumangowona kachigawo kakang'ono chabe.
pali kusiyana kotani pakati pa imessage ndi meseji
Webusayiti Yanga Yogwira Ntchito Yathyoledwa. Kodi Ndingakonze Bwanji?
Yankho lake ndi mzere umodzi wa HTML womwe ukaikidwa pamutu wa tsambali umauza chipangizocho kuti chikayike viewport kuti chikhale chake m'lifupi (320px ngati iPhone 5) osakulitsa (kapena kusanja) tsambalo.
Kuti mumve zambiri zaukadaulo pazosankha zonse zokhudzana ndi meta tag iyi, onani nkhaniyi pa tutsplus.com .
Momwe Mungakonzekerere WordPress X Mutu Womwe Suli Woyankha
Kubwerera kwa bwenzi langa kuyambira kale: Mzere umodzi wamakalatawu udasoweka pomwe adasinthanso mutu wa X. Mukakonza yanu, kumbukirani kuti mutu wa X samagwiritsa ntchito fayilo imodzi yamutu - imagwiritsa ntchito mafayilo amutu pamutu uliwonse, chifukwa chake muyenera kusintha yanu.
bwanji sindimatha kuwonera makanema apa youtube pafoni yanga
Popeza Nick amagwiritsa ntchito thumba la Ethos la mutu wa X, amayenera kuwonjezera mzere wachinsinsi womwe ndidatchulapo kale ku fayilo yamutu yomwe inali mu x /frameworks/views/ethos/wp-mutu.php . Ngati mugwiritsa ntchito thumba losiyana, sinthanitsani dzina lanu (Kukhulupirika, Konzanso, ndi zina) kuti 'ethos' ipeze fayilo yolondola yamutu. Ikani mzere umodzi, ndipo voila! Muli bwino kupita.
Kotero izi zikukhazikitsa mafunso anga a CSS Media, nawonso?
Mukayika mzerewo pamutu wa fayilo yanu ya HTML, mafunso anu oyankha @media ayamba kugwiranso ntchito mwadzidzidzi ndipo tsamba lanu lamasamba la webusayiti lidzayambiranso. Zikomo powerenga ndipo ndikhulupilira kuti zithandizira!
Kumbukirani Kulipira Patsogolo,
David P.