Kas yra rodinys?
Rodinio sritis - tai matoma tinklalapio sritis. Ji skiriasi priklausomai nuo įrenginio ir gali padidėti arba sumažėti priklausomai nuo įrenginio ekrano skiriamosios gebos.
Vaizdinė aikštelė skirtinguose įrenginiuose
Rodinio dydis kinta priklausomai nuo to, kokiu įrenginiu peržiūrimas tinklalapis. Pavyzdžiui, stacionaraus kompiuterio monitoriuje rodinio langas gali būti labai platus, todėl horizontaliai rodomas didelis turinio kiekis. Mobiliojo įrenginio rodinio langas yra daug siauresnis, todėl horizontaliai rodoma mažiau turinio, bet norint pamatyti daugiau, dažnai reikia slinkti vertikaliai.
Vaizduoklio varijavimo pavyzdžiai
Toliau pateiktame paveikslėlyje parodytas to paties tinklalapio rodinys skirtinguose įrenginiuose. Atkreipkite dėmesį, kad didėjant rodinio ilgiui matote daugiau turinio. Tinklalapio formatas taip pat keičiasi priklausomai nuo rodinio pločio. Kuo platesnė peržiūros sritis, tuo daugiau turinio rodoma visame puslapyje.
Rodinio lango pokyčiai keičiant naršyklės dydį
Nepriklausomai nuo peržiūros įrenginio skiriamosios gebos, naudotojui keičiant naršyklės lango dydį, keičiasi peržiūros sritis. Pavyzdžiui, sumažėjus naršyklės dydžiui, rodinio plotas sumažėja, todėl rodomas mažesnis turinys.
Viewport svarba reaguojančiame dizaine
Vaizdinė erdvė yra labai svarbi prisitaikančiojo dizaino, kuriuo siekiama, kad tas pats tinklalapis būtų pateikiamas visiems, nepriklausomai nuo jų įrenginio, sudedamoji dalis. Prisitaikantysis dizainas užtikrina, kad tinklalapiai prisitaikytų prie skirtingų ekrano dydžių ir skiriamųjų gebų, todėl visuose įrenginiuose užtikrinama optimali žiūrėjimo patirtis.
Vaizdinės srities nurodymas
Vaizdinę peržiūrą galite nurodyti naudodami HTML metažymą viewport. Ši žyma padeda valdyti tinklalapio išdėstymą skirtinguose įrenginiuose. Štai pavyzdys:
<meta name="viewport" content="width=device-width, initial-scale=1" />Šia žyma nustatomas rodinio plotis, kad jis atitiktų įrenginio plotį, o pradinis mastelis nustatomas į 1 - taip užtikrinama, kad turinys tinkamai tilptų ekrane.
Išvada
Norint kurti prisitaikantį žiniatinklio dizainą, kuris užtikrina nuoseklią ir patogią naudotojo patirtį visuose įrenginiuose, labai svarbu suprasti peržiūros sritį. Naudodami metažymą viewport, kūrėjai gali kontroliuoti, kaip tinklalapiai rodomi skirtinguose ekranuose, ir taip užtikrinti prieinamumą ir patogumą visiems naudotojams.
