Ja izveidotā lapa universālajā blokā izskatās labi datorā, bet vietne netiks pareizi attēlota mobilā tālruņa vai planšetdatora ekrānā, jo šo ierīču izmēri atšķiras.
Svarīga informācija
Universālajā blokā ir jāiestata pielāgojumi planšetdatoram un tālrunim horizontālā un vertikālā stāvoklī.
- Datoram bloka izmērs ir 1200px.
- Planšetdators horizontālā stāvoklī ir 960px
- Planšetdators vertikālā stāvoklī ir 640px
- Tālrunis horizontālā stāvoklī ir 480px
- Tālrunis vertikālā stāvoklī ir 320px
Blokā ir rīks, kas, pārslēdzot, automātiski parāda lapas izmēru, kurā jāietilpst visiem izveidotajiem vietnes elementiem: tekstam, formām, pogām, video utt.
Sākumā mēs izveidojam dizainu lielajai ekrāna versijai (datoram)
Pēc tam mēs sākam pielāgot izveidoto lapu, vispirms planšetdatoram horizontālā stāvoklī un tā tālāk. Lai to izdarītu, mēs izmantojam rīkjoslu blokā, pielāgojot tekstu un elementu izmērus, lai tie neizietu ārpus bloka, pretējā gadījumā tie nebūs redzami vietnes lietotāju ierīcēs.
Šeit ir daži piemēri, kā lapai vajadzētu izskatīties katram izmēram:
Planšetdators horizontālā stāvoklī 960px
Planšetdators vertikālā stāvoklī 640px
Tālrunis horizontālā stāvoklī 480px
Tālrunis vertikālā stāvoklī 320px
Visi pamata bloki vietņu veidotājā automātiski pielāgojas vēlamajam ekrāna izmēram. Lasiet par pamata blokiem turpmākajos rakstos.