Ingxaki ephambili enxulumene ne-HTML yokutshintsha indawo yokujonga kwisayizi ye-smartphone kukuba inokubangela ukuba iwebhusayithi ingaphenduli okanye ibonise ngokungalunganga. Oku kungenxa yokuba xa indawo yokujonga itshintshiwe, iwebhusayithi ayinakulungiselelwa ubungakanani obuncinci besikrini kwaye ayinakukwazi ukuthoba ngokufanelekileyo umxholo wayo. Ukongeza, ezinye iifitsha zisenokungasebenzi kakuhle kwisayizi yesikrini esincinci, njengemenyu yokujonga okanye izinto ezisebenzisanayo.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1. Lo mgca wekhowudi yimeta tag, enika ulwazi malunga noxwebhu lwe-HTML kwisikhangeli.
2. Igama legama libekwe kwi "viewport", exelela umkhangeli ukuba le tag iqulethe ulwazi malunga nendlela iphepha elimele liboniswe ngayo kwizixhobo ezahlukeneyo.
3. Uphawu lophawu lomxholo lusetelwe ku-“width=device-width, initial-scale=1.0”, exelela ibrawuza ukuba kufuneka isebenzise ububanzi besixhobo njengobubanzi bephepha kwaye inyuse okanye ihle ukusuka apho ukuba kuyimfuneko.
Uyilo lweWebhu olusabelayo
Uyilo lwewebhu oluphendulayo yindlela yoyilo lwewebhu eyenza amaphepha ewebhu anikezele kakuhle kwiintlobo ngeentlobo zezixhobo kunye neefestile okanye ubungakanani besikrini. Isebenzisa indibaniselwano yeegridi eziguquguqukayo kunye noyilo, imifanekiso kunye nokusetyenziswa okukrelekrele kwemibuzo yemidiya yeCSS. Iiwebhusayithi eziphendulayo ziyilelwe ukuba zibonelele ngamava afanelekileyo okujonga-ukufunda ngokulula kunye nokuhamba kunye nobuncinci bokwenza ubungakanani kwakhona, i-panning, kunye nokuskrola-kuluhlu olubanzi lwezixhobo (ukusuka kwiimonitha zekhompyuter ukuya kwiiselfowuni).
Kwi-HTML, uyilo oluphendulayo lunokufezekiswa ngokusebenzisa ezi ndlela zilandelayo:
• Iigridi eziguquguqukayo - Ukusebenzisa iiyunithi ezihambelanayo ezifana neepesenti okanye ii-ems endaweni yeeyunithi zobubanzi obusisigxina njengeepikseli zezinto zoyilo zivumela iphepha ukuba liziqhelanise bhetyebhetye kwiisayizi ezahlukeneyo zesikrini.
• Imibuzo yemidiya – imibuzo ye-CSS3 yemidiya ivumela abaphuhlisi ukuba bachaze iintlobo ezahlukeneyo zobubanzi besixhobo. Oku kuvumela uyilo lwephepha ukulungelelanisa ngokufanelekileyo ngokuxhomekeke kwisixhobo esisetyenziswayo.
• Imifanekiso ephendulayo - Imifanekiso inokwenziwa iphendule ngokusebenzisa uphawu lwe-srcset kwi-HTML5 evumela abaphuhlisi ukuba bachaze iinguqulelo ezininzi zomfanekiso kwizisombululo ezahlukeneyo zezixhobo ezahlukeneyo.
• Iividiyo eziguquguqukayo - Iividiyo zisenokwenziwa ukuba ziphendule ngokusebenzisa ipropathi ye-otho-fit kwi-CSS evumela abaphuhlisi ukuba bachaze ukuba iividiyo kufuneka zikhule njani ngaphakathi kwizikhongozeli zabo ngokuxhomekeke kubukhulu bazo.
Jonga kwimeta tag
Ithegi yemeta yemboniselo yinto yeHTML exelela umkhangeli zincwadi indlela yokulungelelanisa imilinganiselo yephepha kunye nokukala ukuze ilungele isixhobo esisetyenziswayo. Isetyenziselwa ukulawula indlela iphepha lewebhu elibukeka ngayo kwizixhobo ezahlukeneyo, ezinjengee-smartphones kunye neetafile. Ithegi yemeta yokujonga ingasetyenziselwa ukuseta ububanzi bephepha lewebhu, ukulinyusa okanye lihle, kwaye uchaze ukuba ngaba abasebenzisi bavunyelwe ukusondeza ngaphakathi okanye ngaphandle. Isenokusetyenziswa ukuseta isikali sokuqala, isikali esiphezulu, iipropathi ezinokulinganiswa nomsebenzisi, kunye nokunye.
Ndiyenza njani iwebhusayithi yam ukuba ilingane nescreen sefowuni yam
Ukwenza iwebhusayithi ilingane isikrini sefowuni kwi-HTML, ungasebenzisa i-meta tag yokujonga. Le thegi ikuvumela ukuba ulawule indlela iwebhusayithi yakho eboniswa ngayo kwizixhobo ezahlukeneyo. Unokuseta ububanzi bendawo yokujonga ukuba bulingane nobubanzi besixhobo, ukuze iwebhusayithi yakho ilungelelanise ngokuzenzekelayo ubungakanani bayo ukuze ilingane nesikrini sesixhobo. Ukongeza, ungasebenzisa imibuzo yemidiya kwikhowudi yakho yeCSS ukuze wenze ngokwezifiso indlela iwebhusayithi yakho ejongeka ngayo kwizixhobo ezahlukeneyo.
