Waarvoor is de viewport bedoeld?

Viewport bepaalt het zichtbare gebied van een webpagina in het browservenster. Het is nodig voor:

• Responsief ontwerp: Maakt het mogelijk om lay-outs te maken die zich aanpassen aan verschillende schermformaten van apparaten (smartphones, tablets, desktops).
• Inhoudschaal: Regelt hoe de inhoud wordt weergegeven en geschaald afhankelijk van de grootte van het apparaat.

<!-- Meta-tag voor het instellen van de viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Parameters content:

• width=device-width: De breedte van de viewport komt overeen met de breedte van het apparaat in CSS-pixels.
• initial-scale=1.0: Stelt het initiële zoomniveau van de pagina in.

Een juiste viewport-instelling zorgt voor een comfortabele weergave van de site op elk apparaat, verbetert de gebruikerservaring en SEO.