Vidno polje (ang. Viewport)

Vidno polje (ang. Viewport) je uporabniku vidno območje spletne strani. Od naprave se razlikuje – na mobilnem telefonu bo manjši kot na računalniškem zaslonu. Na vse naše spletne strani moramo vključiti sledeči <meta> element:

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

Za naprave z manjšim zaslonom, moramo vključiti:

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

To daje brskalniku navodila, kako nadzorovati dimenzije in velikost strani. Del width=device-width nastavi širino strani tako, da sledi širini zaslona naprave, ki se razlikuje glede na napravo. Del initial-scale=1.0 nastavi začetno stopnjo povečave, ko brskalnik prvič naloži stran. Del maximum-scale=1 pa nastavi največjo možno povečavo glede na velikost zaslona.