Viewport

Il viewport è l'area visibile di una pagina web all'interno della finestra del browser. Sui dispositivi mobili, le pagine controllano come si adattano allo schermo con un tag <meta name="viewport">, che imposta la larghezza della pagina e il comportamento dello zoom - includendo, in modo poco desiderabile, la possibilità di impedire agli utenti di eseguire lo zoom.

Senza questo tag, i browser mobili per impostazione predefinita renderizzano la pagina a una larghezza fissa in stile desktop (tipicamente 980px) e riducono il risultato per adattarlo allo schermo, risultando illeggibile finché il visitatore non esegue manualmente lo zoom. Dichiarare width=device-width è ciò che fa sì che il design responsive e le sue media query abbiano effettivamente effetto sui dispositivi mobili.

Approfondisci

• Concetti sul viewport - la spiegazione di MDN del viewport e del meta tag viewport
• Design responsive