2011-12-09 8 views
5
  1. Il viewport dell'iPad è largo 980 pixel. Qual è l'altezza?
  2. In Safari dobbiamo aggiungere l'indirizzo e i nuovi tocchi. Qual è l'altezza di Safari in modalità orizzontale?
  3. C'è una query multimediale per adattare il web alla larghezza - esiste un modo per adattare il web all'altezza?
+0

leggi la mia risposta alla domanda simile, potrebbe aiutare un po 'http://stackoverflow.com/questions/8205812/jquery-js-ios-4-and-document-height-problems –

risposta

10

Di seguito sono riportate le risposte;

  1. 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" > 
    
  2. 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ì)

  3. 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.

+4

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. –

+0

Sì vero ... Quindi non esiste un modo diretto per determinare l'altezza esatto del viewport disponibile ... – testndtv

+9

È 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. –