pestañas - tamaño de letra en android studio
Chrome en Android cambia el tamaño de la fuente (7)
Al parecer, una vez que el párrafo del texto alcanza una cierta duración, Chrome en Android decide redimensionar el texto y hacerlo más grande (lo que provoca todo tipo de diversión). Ahora tengo un sitio web donde casi la mitad de las etiquetas p siguen el tamaño que he establecido y la otra mitad cambian a su gusto, aparentemente dependiendo de la longitud del párrafo.
¿Cómo puedo arreglar esto?
Ahora hay una propiedad de CSS que puede establecer para controlar esto:
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
Ver https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
Después de algunas pruebas esta regla me ayudó. Se debe agregar al elemento que contiene el texto potenciado o a su elemento primario, según la estructura div / tabla.
element or parent element {
/* prevent font boosting on mobile devices */
width: 100%;
height: auto;
min-height: 1px;
max-height: 999999px;
}
Tal vez los valores de ancho y alto se deben corregir según sus necesidades.
Encontré una solución para mis páginas: ¡dale al elemento padre un ancho y alto! La fuente no saldrá de esos bordes, por lo que seguirá siendo pequeña (er).
Esto se llama "aumento de fuente" y se describe con cierto detalle en este error WebKit . Actualmente no hay forma de desactivarlo.
Incluya la siguiente etiqueta <meta> en el documento <head> :
<meta name="viewport" content="width=device-width, initial-scale=1">
Esto establecerá correctamente el marco de vista, y así eliminará la necesidad de "FontBoosting".
Pon esto en tu reinicio. html * {max-height:1000000px;}
Añadir max-height: 999999px; al elemento que desea evitar el aumento de fuente, o su elemento primario.