- Il viewport dell'iPad è largo 980 pixel. Qual è l'altezza?
- In Safari dobbiamo aggiungere l'indirizzo e i nuovi tocchi. Qual è l'altezza di Safari in modalità orizzontale?
- C'è una query multimediale per adattare il web alla larghezza - esiste un modo per adattare il web all'altezza?
risposta
Di seguito sono riportate le risposte;
Hai ragione. La finestra di default su entrambi i dispositivi iPhone/iPad è 980 px. Non esiste un'altezza della vista predefinita, come tale. Puoi cambiare la larghezza/altezza usando;
<meta name="viewport" content="width=device-width, height=device-height" >
Non riuscivo a capire la domanda. Ma sì, dal momento che la risoluzione iPad è 1024x768px, Quindi, in modalità orizzontale, l'altezza dovrebbe essere di circa 768px (meno l'altezza barra degli indirizzi, che dovrebbe essere di circa 40px o giù di lì)
Il modo in cui la maggior parte dei browser funzionano è che permettono di impostare la larghezza e l'altezza sono regolate di conseguenza (in base ad altri fattori incluso il livello di zoom iniziale). Quindi è necessario lavorare con l'impostazione della larghezza il più delle volte.
C'è più rispetto alla barra degli indirizzi da tenere in conto, hai la barra di stato (20px) più il Chrome che porta con sé, che è variabile, in iOS4/5 l'utente può attivare o disattivare la barra dei segnalibri che sembra essere alta circa 30px, quindi c'è la barra degli indirizzi che è probabilmente alta circa 40-50 px. Poi in iOS5 c'è la barra delle schede, che sembra essere un altro 30px. Ho misurato il chrome su iOS5 con la barra dei segnalibri e le schede ed è ~ 125px, quindi il tuo viewport è alto circa 643 pixel in modalità orizzontale. –
Sì vero ... Quindi non esiste un modo diretto per determinare l'altezza esatto del viewport disponibile ... – testndtv
È possibile ottenere una serie di dimensioni piuttosto buone visitando [whatsmy.browsersize.com] (http: //whatsmy.browsersize. com). Quando visito quel sito sul mio iPad in Safari, mi dice che il browser è 981px X 644px. –
leggi la mia risposta alla domanda simile, potrebbe aiutare un po 'http://stackoverflow.com/questions/8205812/jquery-js-ios-4-and-document-height-problems –