Зашто је viewport потребан у веб развоју?

Vidi se oblast pogleda (viewport) je vidljivo područje web stranice u pregledniku. Određuje veličinu i skalu sadržaja koji se prikazuje korisniku. Bez njega, stranice možda neće biti pravilno prikazane na različitim uređajima, od desktop računara do pametnih telefona.

Njegova glavna funkcija je prilagođavanje rasporeda stranice veličini ekrana uređaja. Pomoću meta oznake viewport, možete kontrolisati širinu i skaliranje sadržaja.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

• width=device-width: Postavlja širinu prozora za prikaz na širinu ekrana uređaja.
• initial-scale=1.0: Definiše početni nivo zumiranja pri učitavanju stranice. Jedinica označava bez zumiranja (100%).

Korišćenje viewport je usko povezano sa tehnologijama responzivnog dizajna, kao što su CSS medijski upiti, koji omogućavaju primenu različitih stilova u zavisnosti od veličine prozora za prikaz.