Responsive Web Design - viewport
Qual è la viewport?
pagine utente viewport dell'area visualizzabile.
finestra può essere tradotto in cinese chiamato "finestra".
browser mobile è la pagina in una "vetrina" virtuale (finestra) di solito questa "finestra" virtuale (finestra) più largo dello schermo, in modo da non dover spremere ogni pagina una piccola finestra (questo nessun layout di danni ottimizzato per la pagina del browser mobile), l'utente può pan e lo zoom per visualizzare diverse parti della pagina.
Impostazione della vista
viewport meta tag per una pagina web ottimizzato per i cellulari comune è il seguente:
- larghezza: controllare la dimensione della finestra, un valore può essere specificato, se 600, o il valore speciale, come dispositivo larghezza della larghezza del dispositivo (in pixel CSS scalata a 100% del tempo).
- altezza: larghezza e corrisponde all'altezza specificata.
- iniziale scala: la scala iniziale, che è, quando la prima scala temporale di caricamento della pagina.
- massima scala: consente all'utente di ingrandire al massimo rapporto.
- minima scala: consente all'utente di scalare la scala minima.
- user-scalabile: se l'utente può ingrandire manualmente.
L'esempio seguente dimostra l'uso della finestra utilizzando la finestra e non sugli effetti collaterali di telefonia mobile:
Esempio 1 non è stato aggiunto finestra: Clicca per vedere
Esempio 2, aggiungere la finestra: Clicca per visualizzare
Se si visita su un tablet o un telefono, è possibile fare clic su per vedere l'effetto.