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.

¿Alguna sugerencia?

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

  • Etiqueta HTML5 <audio> en Android
  • JavaScript visibilitchange Evento no dispara en Chrome móvil
  • Desactivar la función "Touch to Search" de Chrome 43 para móviles mediante programación
  • Chrome en Android no amplía el elemento de encabezado en el cambio de orientación
  • Cómo encontrar las restricciones disponibles de una aplicación para DevicePolicyManager.setApplicationRestrictions
  • Cómo hacer cromo por defecto visor html en android
  • Aplicación de Android en Chrome mediante ARC, mantener el botón de la parte superior activado
  • Entrada de archivo HTML en Chrome para Android falta extensión y tipo mime
  • Cómo obtener la historia y los marcadores de Chrome en Android Marshmallow (API> = 23)?
  • Comodo SSL: ERR_CERT_AUTHORITY_INVALID en Chrome móvil y Opera móvil (Android)
  • Los nuevos dispositivos de Samsung no pueden mostrar páginas web en su aplicación de SMS integrada
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.