iphone - color - cordova-plugin-splashscreen

Pantalla PhoneGap y Retina

Question

Estoy creando una aplicación para iPhone usando phoneGap, pero estoy seguro de que no está funcionando con retina display, en lugar de eso, está usando la vieja resolución de iPhone3.

¿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

Answer 1

Sí, pero necesitará usar consultas de medios CSS o JavaScript.

http://troymcilvena.com/post/998277515/jquery-retina es un complemento jQuery que manejará automáticamente las imágenes @ 2x.

En CSS, debe utilizar una orientación de consulta de medios -webkit-min-device-pixel-ratio: 2 que reemplaza las imágenes de fondo con sus versiones de mayor resolución (y establece background-size ).

Answer 2

Retina.js con menos CSS resolverá tu problema.

Por otro lado, para problemas con Phonegap (p. Ej .: no ve la página como debería, en su lugar ve todo ampliado) 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" />

Añada esto a su Cordova.plist:

EnableViewportScale : YES