html5 - color - Phonegap/Cordova App Shrink too small en dispositivos de alta resolución como Samsung Galaxy S4

status bar background color ios cordova

Question

Mi aplicación Phonegap / Cordova se ve bien con la configuración a continuación, en dispositivos como iPhone 4 / 4S (640x960), HTC Desire HD (480x800), Samsung Galaxy Note, etc.

<meta name="viewport" content="user-scalable=no, initial-scale=0.75, maximum-scale=1, minimum-scale=0.75, width=device-width, height=device-height, target-densitydpi=device-dpi" />

Pero se encoge demasiado pequeño en dispositivos de resolución ultra alta como Samsung Galaxy S4 (1080x1920, 5.0 pulgadas ~ densidad de píxel de 441 ppp), ese usuario puede necesitar una lupa para leerlo.

¿Cómo modifico la ventana gráfica para que tenga el mismo tamaño en todo el teléfono / tableta, independientemente del tamaño de la pantalla o la densidad de píxeles?

Intenté aumentar la escala a 1.5, es legible en S4 pero luego todo es demasiado grande en dispositivos de baja densidad.

¿Alguna idea?

Answer 1

Intente reemplazar el device-dpi por medium-dpi . device-dpi previene la escala predeterminada, mientras que el medium-dpi disminuirá en las pantallas de baja densidad y se ampliará en las pantallas de alta densidad.

Hay algunos refs aquí http://developer.android.com/reference/android/webkit/WebView.html

La publicación y respuesta originales van aquí: https://.com/a/15545381/1039194