HTML5: l’importanza del metatag viewport per migliorare la visualizzazione mobile

viewportCosa è il viewport? Si tratta dell’area visibile all’utente di una pagina web. Ovviamente le dimensioni del “viewport” saranno differenti a seconda che si utilizzi uno schermo di un desktop o quello di un tablet o di uno smartphone.

Se non impostiamo il metatag “viewport” (vedremo in seguito come…) il nostro smartphone cercherà di adattare alle dimensioni del suo schermo (320px in posizione verticale per gli smartphone) la pagina caricata che, per naturale eredità è normalizzata per una risoluzione media di uno schermo a 980px di larghezza. Tutto questo per mantenere l’aspetto originale.

Il problema è che la pagina, così scalata, risulta illeggibile!

Leggi tutto