Android Chrome ignorando -webkit-text-size-adjust: ninguna propiedad. El texto se está escalando cuando se aleja

Nuestro cliente solicitó un sitio web, pero no quería pagar por una versión móvil. Todavía lo estamos haciendo funcionar en dispositivos móviles. Cuando se amplía por completo, Chrome en Android (4.0) escala un montón del texto. Hemos intentado configurar la propiedad -webkit-text-size-adjust: none, pero parece que se ha ignorado y el texto sigue ampliándose.

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 fonts y no hay forma de desactivarlo.

Si desea una forma de desactivar el aumento de fonts, 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 principal del texto para que sea mucho más grande de lo que aparecería alguna vez. Por ejemplo,

 

This is some text that is appearing blown up and ridiculous on Chrome Mobile.

p.intro { max-height: 5000em; }

Puede establecer la altura máxima en cualquier elemento principal. No tiene que ser el primer padre. Por ejemplo,

 

This is some text that is appearing blown up and ridiculous on Chrome Mobile.

footer.primary { max-height: 5000em; }

en la etiqueta podría deshabilitar el zoom

-webkit-text-size-adjust:none es tan horrible!

Tengo un sitio deficiente y constantemente tengo mis páginas con un zoom predeterminado de 200%. Con -webkit-text-size-adjust:none , no puedo leer nada, y mi única alternativa es usar Firefox. Es mi problema número uno estos días cuando navego.

Demasiados sitios usan esto, especialmente los comentarios incrustados de Facebook en las páginas web. Debe dejar de usarlo y crear una interfaz que funcione con fonts de cualquier tamaño.

Tuve el mismo problema con Firefox en Android.

La solución para mí fue agregar el estilo “float: left;” al div que contiene el texto problemático.

Es posible que deba establecer el ancho del div como el principal (en píxeles o 100%) para garantizar que no afecte al rest de los divs.

Consulte Cómo evitar que el navegador móvil cambie el tamaño del texto