Šajā emuārā ir paskaidrots, kā izmantot skatvietas metatagu adaptīvam tīmekļa dizainam HTML formātā:
Kas ir Viewport metatags?
' skata logs ” ir vissvarīgākais tags, lai izveidotu adaptīvu dizainu, kontrolējot, kā saturs tiek parādīts dažādos ekrāna izmēros. Šī atzīme ir ievietota '
Dažādi Viewport metataga atribūti
Skatvietas metatagam ir šādi atribūti, kurus var ievietot kā vērtību “ saturu ” atribūts:
atribūts “platums”.
' platums ” atribūts norāda tīmekļa lapas redzamo apgabalu saturam vertikāli. Tā metatags izskatās šādi:
< meta nosaukums = 'skata logs' saturu = 'platums = ierīces platums' >
atribūts 'augstums'.
' augstums ” atribūts iestata tīmekļa lapas vertikālo garumu, lai nodrošinātu, ka skata loga augstums atbilst ekrāna augstumam. Tā metatags izskatās šādi:
< meta nosaukums = 'skata logs' saturu = 'augstums = 400' >
Atribūts “Sākotnējais mērogs”.
' Sākotnējais mērogs ” atribūts nodrošina, ka tīmekļa lapa pirmoreiz ielādējot tiek parādīta atbilstošā tālummaiņas līmenī. Piemēram, apmeklējiet tālāk norādīto kodu:
< meta nosaukums = 'skata logs' saturu = 'platums = ierīces platums, sākotnējais mērogs = 1,0' >“maksimālā mēroga” atribūts
' maksimālais mērogs ” atribūts norāda tīmekļa lapas maksimālo tālummaiņas līmeni, lai novērstu izkārtojuma problēmas:
< meta nosaukums = 'skata logs' saturu = 'platums = ierīces platums, maksimālais mērogs = 1,0' >
“minimālā mēroga” atribūts
' minimālā mēroga ” tiek izmantots, lai ierobežotu lietotāju no pārāk lielas attālināšanas, norādot minimālo tālināšanas mēroga līmeni:
< meta nosaukums = 'skata logs' saturu = 'platums = ierīces platums, minimālais mērogs = 0,5' >'lietotāja mērogojams' atribūts
' lietotājam pielāgojams ” atribūts ļauj vai neļauj lietotājam tālināt vai tuvināt tīmekļa lapas ekrānu, iestatot vērtību uz “ Nē ” vai “ Jā ”. Metatags, kas ļauj lietotājam tuvināt vai tālināt, ir:
< meta nosaukums = 'skata logs' saturu = 'platums = ierīces platums, lietotāja mērogojams = jā' >Kā izmantot Viewport meta tagu adaptīvam tīmekļa dizainam HTML?
Lai labāk izprastu skatvietas metataga izmantošanu adaptīvam tīmekļa dizainam. Apskatīsim piemēru:
Pieņemsim, ka iekšpusē Pēc iepriekš minētā koda fragmenta apkopošanas tīmekļa lapa izskatās šādi: Izvade parāda, ka saturs nereaģē, jo mazās ierīcēs tas netiek parādīts perfekti. Tagad, lai padarītu to atsaucīgu, pievienojiet “ skata logs ” metatags: Pēc koda atjaunināšanas tīmekļa lapa dažādos ekrāna izmēros izskatās šādi: Pēdējā izvade parāda, ka tīmekļa lapa tagad ir adaptīva pēc metataga pievienošanas laukā “ Skatvietas metatags ļauj izstrādātājam nodrošināt pārlūkprogrammai norādījumu kopu, kas nosaka, kā tīmekļa lapa tiek rādīta dažāda izmēra ekrāna ierīcēs. Metatags ir ievietots ' 'atzīme: < div >
< lpp >
< b >Nodrošina Linuxhint, lai labāk izprastu skatvietas metatagu, atveriet tīmekļa lapu citā ekrānā Izmērs ierīces.< / b >
< / lpp >
< img src = '../bg.jpg' viss = 'Hakeris' platums = '460' augstums = '3. 4. 5' >
< lpp stils = 'padding: 5px' >
< i >Pievienojieties Linuxhint komandai < / i >
Darbojas ar Linuxhint, lai labāk izprastu skatvietas metatagu, atveriet tīmekļa lapu citā ekrānā Izmērs ierīcēm. Darbojas ar Linuxhint, lai labāk izprastu skatvietas metatagu, atveriet tīmekļa lapu citā ekrānā Izmērs ierīcēm. Darbojas ar Linuxhint, lai labāk izprastu skatvietas metatagu, atveriet tīmekļa lapu citā ekrānā Izmērs ierīcēm. Darbojas ar Linuxhint, lai labāk izprastu skatvietas metatagu, atveriet tīmekļa lapu citā ekrānā Izmērs ierīces.
< / lpp >
< / div >
< meta nosaukums = 'skata logs' saturu = 'platums = ierīces platums, sākotnējais mērogs = 1,0' / >
< / galvu >
Secinājums