Sto creando un'app per iPhone utilizzando phoneGap, ma sono sicuro che non funziona utilizzando il display retina, invece di usare la vecchia risoluzione iPhone3.Display PhoneGap e Retina
C'è un modo per avere 2 versioni per iPhone quando si sviluppa utilizzando PhoneGap? questo è, una versione che utilizza retina e un'altra versione con la peggiore risoluzione per i dispositivi più vecchi.
Grazie
Sì, ma è necessario utilizzare sia le media query CSS o JavaScript.
http://troymcilvena.com/post/998277515/jquery-retina è un plug-in jQuery che gestirà automaticamente le immagini @ 2x.
In CSS, è necessario utilizzare un targeting per query multimediali -webkit-min-device-pixel-ratio: 2 che sostituisce le immagini di sfondo con le versioni a risoluzione più alta (e imposta background-size).
Retina.js con meno CSS risolverà il tuo problema.
D'altra parte, per i problemi con PhoneGap (ad esempio: non si vede nella pagina come dovrebbe, invece si vede tutto ingrandita) dopo aver usato il seguente codice nel tuo app:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-
scale=0.5, maximum-scale=0.5" />
Aggiungi questo nel tuo Cordova.plist:
EnableViewportScale : YES
"D'altra parte" ha funzionato per me. Grazie. – Jacksonkr
Abilitare lo zoom utente in un PhoneGap o in qualsiasi altra applicazione non è una mossa molto intelligente, infatti nessuna app fino ad ora sembra consentirlo. – andreszs
Questo non funziona per me. Quando lo faccio, viene ridimensionato solo il contenuto della pagina, non gli effettivi elementi dell'interfaccia utente utilizzati nell'applicazione, ad es. la barra di stato, che rimane di dimensioni ingombranti – feupeu
Si dovrebbe usare la query dei media CSS per questo. '@media solo schermo e (-webkit-min-device-pixel-ratio: 2) {.ui-page {background: URL trasparente (percorso/a/2x.jpg); dimensione dello sfondo: Xpx Ypx; }} 'Questo cambia l'elemento per i dispositivi con solo una risoluzione del display retina. – ceejayoz
grazie grandi consigli – xus