Dambudziko guru rine chekuita neHTML shanduko yekutarisa kune saizi ye smartphone nderekuti inogona kuita kuti webhusaiti isaite kana kuratidza zvisizvo. Izvi zvinodaro nekuti kana iyo nzvimbo yekutarisa ichishandurwa, webhusaiti inogona kunge isina kugadzirwa kune diki skrini saizi uye inogona kusakwanisa kudzika pasi zvirimo. Pamusoro pezvo, mamwe maficha anogona kusashanda nemazvo padiki diki skrini, senge mamenu ekufambisa kana zvinhu zvinopindirana.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1. Uyu mutsara wekodhi ndeye meta tag, iyo inopa ruzivo pamusoro pegwaro reHTML kune browser.
2. Zita rezita rakagadzirirwa ku "viewport", iro rinoudza browser kuti iyi tag ine ruzivo rwekuti peji inofanira kuratidzwa sei pane zvakasiyana-siyana.
3. The content attribute is set to “width=device-width, initial-scale=1.0”, iyo inoudza bhurawuza kuti inofanira kushandisa hupamhi hwemudziyo sehupamhi hwepeji uye kuirikisa kumusoro kana pasi kubva ipapo kana zvakakodzera.
Inoteerera Webhu Dhizaini
Inoteerera dhizaini yewebhu inzira yekugadzira webhu inoita kuti mapeji ewebhu ape zvakanaka pamhando dzakasiyana dzemidziyo uye hwindo kana saizi yeskrini. Iyo inoshandisa musanganiswa weanochinjika magidhi uye marongero, mifananidzo uye nehungwaru kushandiswa kweCSS midhiya mibvunzo. Mawebhusaiti anopindura akagadzirwa kuti ape iyo yakakwana yekuona ruzivo - kuverenga kuri nyore uye kufamba uine hushoma hwekuisa saizi, panning, uye kupururudza - pane dzakasiyana siyana michina (kubva padesktop komputa monitors kusvika kunharembozha).
MuHTML, dhizaini inopindura inogona kuwanikwa nekushandisa maitiro anotevera:
• Flexible grids - Kushandisa zvidimbu zvakada kufanana nezvikamu kana ems panzvimbo pezvikamu zvakadzika-upamhi semapikisi ezvimiro zvekugadzirisa zvinobvumira peji kuti ienderane nehukuru hwakasiyana-siyana.
• Mivhunzo yeMedia – CSS3 midhiya mivhunzo inobvumira vanogadzira kutaura zvitaera zvakasiyana pahupamhi hwemidziyo. Izvi zvinobvumira marongerwo epeji kuti agadzirise zvinoenderana zvichienderana nemudziyo uri kushandiswa.
• Mifananidzo inopindura - Mifananidzo inogona kuitwa kuti iite maererano nekushandisa srcset hunhu muHTML5 iyo inobvumira vanogadzira kudoma akawanda mavhezheni echifananidzo pane akasiyana magadzirirwo emidziyo yakasiyana.
• Mavhidhiyo anochinjika - Mavhidhiyo anogonawo kuitwa kuti apindure kuburikidza nekushandisa chinhu-chakakodzera pfuma muCSS iyo inobvumira vanogadzira kutaura kuti mavhidhiyo anofanira kukura sei mukati memidziyo yavo zvichienderana nehukuru hwawo.
Viewport meta tag
Iyo yekuona meta tag chinhu cheHTML chinoudza bhurawuza maitiro ekugadzirisa zviyero zvepeji uye kuyera kuti ienderane nemudziyo uri kushandiswa. Inoshandiswa kudzora kuti peji rewebhu rinotaridzika sei pamidziyo yakasiyana, yakadai semafoni uye mahwendefa. Iyo yekuona meta tag inogona kushandiswa kuseta hupamhi hwepeji yewebhu, kuikwidza kumusoro kana pasi, uye kutsanangura kuti vashandisi vanotenderwa kuswedera mukati kana kunze. Inogona zvakare kushandiswa kuseta yekutanga chiyero, yakakura-chiyero, mushandisi-scalable zvivakwa, nezvimwe.
Ndinoita sei kuti webhusaiti yangu ikwane foni yangu skrini
Kuita kuti webhusaiti ikwane foni skrini muHTML, unogona kushandisa iyo yekutarisa meta tag. Iyi teki inobvumidza iwe kudzora kuti webhusaiti yako inoratidzwa sei pamidziyo yakasiyana. Iwe unogona kuseta hupamhi hwenzvimbo yekutarisa kuti huenzane nehupamhi hwechishandiso, kuitira kuti webhusaiti yako igadzirise saizi yayo kuti ikwane chero skrini yemudziyo. Pamusoro pezvo, iwe unogona zvakare kushandisa midhiya mibvunzo muCSS kodhi yako kuti uwedzere kugadzirisa kuti webhusaiti yako inotaridzika sei pamidziyo yakasiyana.
