¿Por qué mi tamaño de fuente parece mucho más grande en el objeto de vista web android que cuando se ve en el navegador de Android?

Estoy tratando de hacer una de esas pequeñas aplicaciones Android que no hacen nada, pero mostrar un sitio web en un objeto webview en lugar de la navegación y hasta ahora se carga la página web de destino, pero el texto y los tamaños de imagen son mucho más grandes que cuando la página se ve En el navegador del dispositivo real. En el navegador, la página parece correcta, pero no en mi aplicación.

La inspección de la página en mi cromo de escritorio revela que el CSS está usando font-size 6em si eso te ayuda.

Cuando incluyo una metaetiqueta de viewport, no hace nada por mi aplicación, pero hace que el navegador vuelva a la página mucho más cerca de la forma en que hace el objeto de webview: las cosas se ven demasiado grandes.

¿Existe una solución rápida (por ejemplo, una configuración de etiqueta de vista o una llamada de api en el objeto de webview o el objeto de websettings) o necesito rediseñar el css, tal vez para no usar "em" s? BTW, no escribí las páginas web o el css.

Gracias.

PS: BTW, la página que estoy tratando de golpear está aquí: deltabingo.com/delta-bingo-mobile

La diferencia entre el navegador y su aplicación es probablemente porque no ha configurado setUseWideViewPort WebSetting en true.

Si la página parece demasiado grande / demasiado pequeña, entonces es posible que la ventana de visualización no quiera que quiera que sea, intente algo como esto (y tal vez jugar con el valor de ancho se establece en):

<meta name="viewport" content="width=320, initial-scale=1">

También vale la pena señalar que la página utiliza densidad de destino-DPI en la ventana de visualización, que no es compatible con la vista web de KK .

Consulte aquí para obtener más información sobre la ventana gráfica: https://developers.google.com/chrome/mobile/docs/webview/pixelperfect http://developer.android.com/guide/webapps/targeting.html