Se qualcuno potesse rispondere a questa sarebbe un grande aiuto per i neofiti imparareCome viene utilizzato il tag meta viewport e cosa fa?
<meta="viewport">
<head>.<meta> tag.In breve, l'aggiunta di questa linea a un sito Web che dovrebbe implementare il ridimensionamento della vista dovrebbe risolvere la maggior parte dei problemi. (Copiata da WebDesignTuts+'s "Quick Tip: Don't Forget the Viewport Meta Tag" article)
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">P.S. Quirksmode ha anche a rather wonderful article describing the issue che vale la pena di leggere per capire perché questo potrebbe essere utile.
È possibile visualizzare tutti i dettagli da blog Mozilla
Un altro articolo su Meta finestra, le sue varie proprietà, e come utilizzarlo nei vostri progetti è http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
C'è anche un slidedeck spiegando le cose in dettaglio e un Github repo per andare con esso.
Disclaimer: Sono l'autore di queste risorse.
Il tag Meta Viewport viene utilizzato per regolare le dimensioni e la visibilità del sito Web in base alle dimensioni della schermata di visualizzazione. Aiuta la pagina web ad adattarsi automaticamente ad Android, tablet o iphone.
Ottimo articolo. Una piccola domanda Quando dicono "progettare in modo flessibile", significa che tutte le dimensioni (larghezza e altezza) sono in percentuale (%)? –
Credo che si riferisca semplicemente al concetto di [responsive web design] (http://arstechnica.com/business/2012/05/whats-responsive-web-design-all-about/), quindi non necessariamente significa che le larghezze e altezze saranno in percentuale, ma ciò significa che il sito web è destinato ad essere visualizzato comodamente su schermi di tutte le dimensioni. Accade solo che nell'esempio fornito dall'articolo, possano essere sia le medie sia le larghezze percentuali. – Nightfirecat
fantastico. Grazie! –