Android WebView parece ignorar la información de "vista gráfica" en las páginas web

Tengo un sitio web que utiliza la etiqueta META de la ventana de visualización para indicar a los navegadores móviles cómo mostrar el contenido (). Ver la página en el navegador de Android parece correcta (y iPhone, etc).

Cuando cargue la página en un componente de WebView en una aplicación de Android, el WebView omite la etiqueta "VIEWPORT" y renderiza la página en resolución "completa", que se amplía en este caso.

Verifique su implementación en la sección "Creación de páginas web para admitir diferentes densidades de pantalla" de la documentación de WebView : http://developer.android.com/reference/android/webkit/WebView.html

Después de mucho de la experimentación he determinado que el Android WebView no obedecerá la configuración 'viewport' si la página real fuerza un ancho más ancho que la configuración de la ventana de visualización.

Por ejemplo, estaba estableciendo una ventana de 500px, pero tenía un elemento en mi página que forzó un ancho de 960px. La vista no se obedeció porque el WebView se negó a ocultar ese contenido extra.

Esto parece obvio cuando estoy escribiendo, pero debo haber pasado días trabajando en el problema.

Como dicen los documentos en el enlace de la mejor respuesta, puede especificar mediante una etiqueta meta cómo el dispositivo debe reaccionar al tamaño de la aplicación web en comparación con la pantalla. La etiqueta siguiente hizo que un teléfono Android respetara el tamaño de la ventana gráfica de mi aplicación web:

 <meta name="viewport" content="target-densitydpi=high-dpi" /> 

Intente utilizar este método de clase WebSetting

 setUseWideViewPort (boolean use) 

Utilizo esto para decirle a la web de Android que considere mi etiqueta "viewport"

Otro fallo en la implementación en algunos teléfonos Android es el hecho de que, por ejemplo, el HTC Desire HD ignorará la ventana de visualización TAG – user-scale = no completly.

Sólo puedo confirmar tu problema. Hay un problema abierto en el rastreador de problemas de android. Por favor déle un voto / estrella si usted es afectado por esto.

Utilizar esta:

  <meta name="viewport" content="width=320, user-scalable=no, target-densitydpi=low-dpi" /> 

Ahora, Android WebView y el navegador se ajustan a la configuración de la ventana de visualización.

Uff, esto tomó un montón de ajustes para conseguir la derecha. Jeez

  • Android WebView con un video de youtube incrustado, botón de pantalla completa congela video
  • ¿Pasar la URL de WebView a ShareActionProvider?
  • Webview no admite la caja flexible en Android Jellybean
  • Respuesta HTTP POST en WebView en android
  • Desbordamiento de iframe de Webview
  • Problema de enfoque de Android WebView
  • Creando WebView desde Chromium para Android
  • Android Crosswalk Lite - Integración con Android Studio
  • Fuentes hebreas de Android 2.3 en Webview
  • Interceptación de descarga en webview y descarga mediante HttpClient
  • Android y Jsoup
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.