Estoy creando una aplicación para iPhone usando phoneGap, pero estoy seguro de que no está funcionando usando la pantalla retina, en lugar de eso, está usando la antigua resolución de iPhone3.Display PhoneGap and Retina
¿Hay alguna manera de tener 2 versiones para iPhone al desarrollar usando phoneGap? esto es, una versión que usa retina y otra versión con peor resolución para los dispositivos más antiguos.
Gracias
Sí, pero que tendrá que utilizar cualquiera de las consultas de medios CSS o JavaScript.
http://troymcilvena.com/post/998277515/jquery-retina es un plugin jQuery que manejará automáticamente @ 2x imágenes.
En CSS, debe usar una consulta de medios dirigida a -webkit-min-device-pixel-ratio: 2 que reemplaza las imágenes de fondo con sus versiones de mayor resolución (y establece background-size).
Retina.js con menos CSS resolverá su problema.
Por otro lado, si hay problemas con Phonegap (por ejemplo: no ve la página como debería, en cambio se ve todo el zoom) después de usar el siguiente código en su aplicación:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-
scale=0.5, maximum-scale=0.5" />
Agregue esto a su Cordova.plist:
EnableViewportScale : YES
"Por otro lado" funcionó para mí. Gracias. – Jacksonkr
Habilitar el zoom de usuario en un teléfono o en cualquier otra aplicación no es un movimiento muy inteligente, de hecho ninguna aplicación hasta ahora parece permitir eso. – andreszs
Esto no funciona para mí. Cuando lo hago, solo se escala el contenido de la página, no los elementos reales de la IU utilizados en la aplicación, p. la barra de estado, que permanece en un tamaño incómodo – feupeu
Usted usaría la consulta de medios de CSS para eso. '@media solo pantalla y (-webkit-min-device-pixel-ratio: 2) {.ui-page {background: URL transparente (ruta/a/2x.jpg); fondo de tamaño: Xpx Ypx; }} 'Esto cambia el elemento para dispositivos con una resolución de pantalla Retina solamente. – ceejayoz
Gracias great informa – xus