Mi affaccio per la prima volta al web responsive e sono un po in confusione, please help me !
Mi riferisco a questo testo del sito sulla parte "web Responsive" :
-----------------------------------------------------------------------------------------------
"La maggior parte dei browser per dispositivi mobili oggi disponibili è in grado di rendere le pagine web concepite per il desktop senza alcun problema. Parliamo di layout ma anche di interazioni Javascript e funzionalità più avanzate. Per quanto riguarda il layout, tutto avviene attraverso un meccanismo di adattamento delle dimensioni. Una pagina come la home di HTML.it, basata su un container centrato e largo 996px, viene così visualizzata sullo schermo di un iPhone 3GS.
Il browser adatta automaticamente le dimensioni della sua area di visualizzazione (viewport) per accomodare al meglio il layout della pagina, che infatti viene reso nella sua configurazione originale, quella pensata per il desktop.
Questo processo, però, avviene su uno schermo che ha una risoluzione orizzontale di 320px! La pagina viene di fatto ridimensionata e ridotta in scala proporzionalmente. Il risultato è che per leggere un articolo di HTML.it su iPhone dobbiamo necessariamente zoomare sull’area che ci interessa con il doppio tap o con il pinch, gesti che sono certamente familiari a chiunque abbia utilizzato uno smartphone per navigare in rete.
Alla base di questo meccanismo c’è la differenza, cruciale, tra dimensione (risoluzione) dello schermo e dimensione della viewport. Su un iPhone, la dimensione orizzontale dello schermo è di 320px, mentre la viewport di Safari per iOS è pari, di default, a 980px.
Tale comportamento può andare bene e risultare accettabile fino a quando non si decida di adattare il sito ai dispositivi mobili. Nel momento in cui si compie questa scelta, è fondamentale controllare il meccanismo che regola il funzionamento della viewport. Possiamo farlo attraverso un semplice meta tag.
----------------------------------------------------------------------------------------------------------------------------------
Domanda:
Non capisco quale sia il problema che il meta tag risolve visto che il testo dice :
"La maggior parte dei browser per dispositivi mobili oggi disponibili è in grado di rendere le pagine web concepite per il desktop senza alcun problema. Parliamo di layout ma anche di interazioni Javascript e funzionalità più avanzate. Per quanto riguarda il layout, tutto avviene attraverso un meccanismo di adattamento delle dimensioni"
Rispondi quotando
