Android Chrome ignorando -webkit-text-size-adjust: none propiedad. El texto se está escalando cuando se aleja
Nuestro cliente solicitó un sitio web, pero no quería pagar por una versión para móviles. Todavía estamos haciendo que funcione en el móvil. Cuando se amplía hasta el final, Chrome en Android (4.0) está actualizando un montón del texto. Hemos intentado establecer la propiedad -webkit-text-size-adjust: none, pero parece que se ignora y el texto se sigue ampliando.
Funciona bien en iOS.
- La depuración remota de Chrome muestra el dispositivo pero no inspecciona el enlace
- Ubicación del evento de toque del navegador de Android
- Android Play Store mercado: // enlace ya no funciona?
- El botón "Añadir a la pantalla de inicio" de Android no muestra el sitio web como una aplicación web
- Forzar la ocultación de la barra de direcciones en Chrome en Android
¿Alguna sugerencia?
- Vídeo HTML5 en teléfonos móviles - Chrome 55 no se reproduce automáticamente y no se activa?
- ¿Cómo comunicar datos y archivos entre Chrome Extension y Android App?
- Ejecute las pruebas de Selenium en Android 4.0 en el navegador Chrome beta en lugar del predeterminado
- En el Google Chrome de Android, cómo establecer unsafely-treat-insecure-origin-as-secure
- Incapaz de depurar android / chrome remotamente de ubuntu / linux
- ¿Utilizar la intención de compartir de Android en Javascript en Chrome?
- Chrome para Android: agrega la aplicación web a la pantalla de inicio
- ¿Cómo se deben formatear las restricciones (Android) / Chrome getUserMedia ()?
Tenga en cuenta que la -webkit-text-size-adjust
que menciona no es estándar. Lea más sobre esto aquí .
Actualmente, Chrome para Android escala el texto mediante el aumento de fuente y no hay forma de desactivarlo.
Si desea una forma de deshabilitar el aumento de fuente, proporcione su caso de uso y registre un problema a través de new.mcrbug.com .
Acabo de descubrir una solución para esto. Establezca una altura máxima en un elemento padre del texto para que sea mucho mayor de lo que nunca aparecería. Por ejemplo,
<p class="intro"> This is some text that is appearing blown up and ridiculous on Chrome Mobile. </p> p.intro { max-height: 5000em; }
Puede configurar la altura máxima en cualquier elemento padre. No tiene que ser el primer padre. Por ejemplo,
<footer class="primary"> <p class="intro"> This is some text that is appearing blown up and ridiculous on Chrome Mobile. </p> </footer> footer.primary { max-height: 5000em; }
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes">
en la etiqueta <head>
podría inhabilitar el zoom
-webkit-text-size-adjust:none
es tan horrible!
Tengo sitio pobre del ojo y tengo constantemente mis páginas en el zumbido del defecto del 200%. Con -webkit-text-size-adjust:none
, no puedo leer nada, y mi única alternativa es usar Firefox. Es mi problema número uno en estos días al navegar.
Demasiados sitios utilizan esto, especialmente los comentarios incorporados de Facebook en las páginas web. Debe dejar de usarlo y crear una interfaz que funcione con cualquier fuente de tamaño.
Tuve el mismo problema con Firefox en Android.
La solución para mí fue añadir el estilo "float: left;" A la div que contiene el texto del problema.
Puede que tenga que establecer el ancho de la div como el padre (en píxeles o 100%) para asegurarse de que no afecta al resto de las divs.
Consulte Cómo evitar que el navegador móvil cambie el tamaño del texto
- API de Google Drive para Android: ¿Compartir archivos en la carpeta de la aplicación?
- Filtrado de la vista de lista da resultados incorrectos