Viewport

De viewport is het zichtbare gebied van een webpagina binnen het browservenster. Op mobiele apparaten regelen pagina's met een <meta name="viewport">-tag hoe ze op het scherm schalen; die tag stelt de paginabreedte en het zoomgedrag in - inclusief, onwenselijk, de mogelijkheid om te voorkomen dat gebruikers kunnen zoomen.

Zonder deze tag renderen mobiele browsers de pagina standaard op een vaste, desktopachtige breedte (meestal 980px) en verkleinen ze het resultaat om op het scherm te passen, wat onleesbaar is totdat de bezoeker handmatig inzoomt. Het declareren van width=device-width zorgt ervoor dat responsief ontwerp en de bijbehorende mediaqueries op mobiel daadwerkelijk effect hebben.

Meer informatie

• Viewport-concepten - MDN's uitleg over de viewport en de viewport-metatag
• Responsief ontwerp