screen.width e screen.height diversi valori in diverse API / dispositivi

Modifica: accade anche con $ ('body'). Width () e window.outerWidth

API 2.3.3 HVGA

  • Come passare la modifica dei dati di text in forma di string all'attività successiva?
  • Perché la mia Galaxy Note 3 ha le stesse size DP come un telefono molto più piccolo?
  • Android: 9-patch ripete il model invece di allungare
  • Android: Come rintracciare l'origine di un InflateException?
  • Eventi Firebase Ad Performance non visualizzati
  • Il login di Facebook non riesce con l'installazione di FB
  • Prima e dopo le uscite dei dispositivi di rotazione la stessa width dello schermo (320)

    API 3.0 WXGA

    Ad esempio, la width e l'altezza ruotano each rotazione

    inizia con screenWidth: 1280 screenheight: 800 I ruotare 90 ora ha screenWidth: 800 screenheight: 1280

    quindi cosa posso fare se voglio apportre alcune modifiche alle rotazioni in base alle size e desidero indirizzare tutte le API? Ho bisogno di un valore che è lo stesso per tutti i dispositivi.

    Modifica: per alcune cose ho bisogno di valori di pixel, non percentuali. Ecco perché utilizzo Javascript per calcolare le size in base alla width dello schermo. Questo functionrebbe, poiché la width dello schermo è anche i valori dei pixel e posso mantenere le cose proporzionali. Ma se a volte lo screenwidth mi dà la width corrente, e altri non lo posso usare …

    -> La cosa è che ho iniziato a lavorare con un cursore che utilizza layout assoluto e ha bisogno di valori di pixel per tutto. Non voglio reimplementare il cursore, quindi ho deciso di calcolare dynamicmente la dimensione delle immagini e l'integer layout utilizzando la width dello schermo. E inizializzare il cursore con questi valori.

    aggiornare

    Guardare qui è un approccio simile a quello che sto cercando di fare:

    http://ryangillespie.com/phonegap.php#/phonegap.php ?

    Entrata del 18 giugno 2011 "Una risoluzione dello schermo per regolare tutto"

    Ho provato anche con esattamente l'esempio, copiandolo incollandolo nel mio codice. Ma non funziona neanche. window.outerWidth ha gli stessi problemi descritti per lo screenwidth (così come JQuery $ ('body'). width ()). Funziona finché il dispositivo non viene ruotato – inizializza bene. Ma alla prima rotazione, a seconda del dispositivo, ho problemi. In alcuni funziona come previsto, in altri scambia i valori, in modo che ottengo grande width in modalità ritratto e corto in paesaggio, in altri dà width fissa e altezza in tutti i tempi, in altri non ruota affatto. ..

  • Importzione del progetto ha reso imansible risolvere il target 'android-7'
  • Come hide la tastiera soft da un frammento?
  • App per Android per call un numero sul clic del button
  • Impostare il text in ImageButton
  • Android, submit e ricevere XML tramite il metodo POST HTTP
  • Libreria OCR di Android
  • 4 Solutions collect form web for “screen.width e screen.height diversi valori in diverse API / dispositivi”

    Tecniche di web design responsive. Faccio un esempio breve sul mio blog insieme a una raccomandazione del libro.

    http://simonmacdonald.blogspot.com/2012/01/on-eight-day-of-phonegapping-multiple.html

    Utilizzo le query multimediali in due delle mie applicazioni PhoneGap. Nessun javascript, tranne nel caso di anomalie.

    Ad esempio, la base "css potrebbe essere per la width 320 e il ritratto, quindi utilizzare l'effetto cascata di css 🙂 aggiungere blocchi come:

    schermo @media e (max-width: 480px) e (orientamento: ritratto) {fare cose più grandi}

    @media tutti e (min-width: 800px) {rendono ancora più grandi cose}

    Con query come queste nei miei collegamenti css (e la manipolazione di dispositivi / os / phonegap di orientamento) i nuovi layout si verificano magicamente.

    NOTA: Ho imparato tutto questo da leggere il blog di Simon e dai materiali che ha suggerito.

    Coincidentalmente ho scoperto che questo funziona:

    $(window).resize(function() { updateScaling($('body').width()); }); 

    Questo viene sempre chiamato e passa la width corretta. Per quanto mi ricordo, funziona anche con lo schermo

    In updateScaling calcola uno scalingFactor e aggiorni i miei elementi.

    Ho provato CSS sensibili, query multimediali e così via, ma a un certo punto non avevo più senso, perché ho comunque ricalcolato il margine di UL di slider basato su diapositiva attuale e nuova width – e altre cose che necessitano di script. Così ho fatto tutto con script.

    Ho rimosso la window.onorientationchange.

    Non so come il phonegap presenta le informazioni per te, ma per un'applicazione nativa Android in genere si dichiara diversi layout e risorse di image per diverse densità di visualizzazione e size / larghezze dello schermo. Consulta questa pagina per ulteriori informazioni: http://developer.android.com/guide/practices/screens_support.html

    L'Android è un fan Android di Google, tutto su telefoni Android, Android Wear, Android Dev e applicazioni Android Games e così via.