Firefox móvil ignora completamente Viewport
Estoy perdido y no puedo averiguar cómo convencer a Mobile-Firefox para cargar mi sitio completamente alejado: / No pude encontrar una solución de trabajo buscando tanto stackoverflow y la web. Aquí hay un enlace a la
SITIO WEB !
- Escalado de la vista de Android 4.1 (setInitialScale, meta-escala inicial no funciona)
- es el tamaño de la ventana de visualización móvil más grande que el tamaño de la pantalla?
- El navegador de Android se bloquea en las llamadas de Ajax, cuando se define la metaetiqueta de la ventana de visualización
- Problema de escalado de página en dispositivos Android
- Cómo restablecer la escala de vista sin actualización de página completa?
No existe una versión móvil separada de mi sitio web. Permito el acercamiento y hacia fuera y en iPhones, iPads y el androide-Navegador común funciona sin defectos. Pero utilizando Mobile-Firefox en mi Android carga la página ampliada … y que solo no es el principal problema!
El área "clicable" de la página sigue siendo la misma pequeña "caja" del zoom inicial: no puedo deslizar mis controles deslizantes, ni siquiera puedo hacer clic en las imágenes fuera de ese pequeño "cuadro de actividades" para abrir fancybox-links y similares. Tan pronto como paneo mi sitio en ese pequeño "cuadro" puedo deslizar, haga clic en enlaces e interactuar como debería ser capaz de.
Mi meta-código es el siguiente:
<meta name="viewport" content="width=device-width, initial-scale=1">
He utilizado html5boilerplate como punto de partida para mi sitio web, ¿ves algún conflicto que podría plantear con mi problema de vista-puerto? Otro usuario pareció encontrar una solución, deshacerse de otra meta-etiqueta que apunta a los navegadores más antiguos. Encuentro lo siguiente en mi código, pero no importa si lo borro o no:
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
También intenté trabajar con el fragmento de código siguiente, sin éxito:
<style> -moz-@viewport { width: device-width; initial-scale: 1; } </style>
Tal vez alguien sabe una solución simple a esto? Yo estaría muy agradecido por cualquier tipo de ayuda, consejo o sugerencia sobre cómo abordar el problema 🙂 Muchas gracias de antemano!
Saludos, Merlín.
- WebView en Android 4.4 y escala inicial
- La metaetiqueta del visor no funciona
- Hacer que la vista web de una tableta simule un pequeño dispositivo
- La especificación de visor Pinch / Zoom funciona en el iPhone pero no en Android
- Problema con meta viewport y Android
- Configuración del ancho de la ventana de visualización cuando el contenedor es más pequeño que el ancho del dispositivo
- Libgdx | ¿Cómo crear minimap?
- Altura: 100% en <body> no funciona en la aplicación web android?
Establecer el ancho de la ventana de visualización para el ancho que desea que sea para móviles:
<meta name="viewport" content="width=640">
Porque width=device-width
obliga al navegador a tener una ventana de 360px sin importar qué, en android y 320px en el iPhone.
Aparentemente, si establece la etiqueta de ancho por sí sola y no establece otras etiquetas, funciona.
- Interceptar llamadas salientes en suspenso
- MapView onCreate lanza NullPointerException en dispositivos LG