Metatag Viewport: abilitare il layout responsive
martedì 25 Giugno 2013 - 11:48
Tutti i moderni dispositivi mobili sono dotati di browser in grado di adattare alla propria risoluzione, la maggior parte delle pagine web online. Mediante le impostazioni di default del metatag viewport, che gestisce l’area di visualizzazione delle pagine web, ogni sito internet aperto da smartphone o tablet apparirà rimpiccolito e proporzionato.
Ad esempio, la larghezza dello schermo di un’iPhone con orientamento verticale sono di 320px, mentre la viewport standard di Safari per iOS è di 980px. Questo meccanismo, che necessita di gesti manuali come lo zoom o il trascinamento del dito sul display per interagire con le pagine web, è adatto a tutti quei siti web che non hanno previsto un layout fluido o un responsive web design.
Che dire dei siti vogliamo predisporre per tutti i dispositivi mobile e non solo?
