iPhone/iPod - evitar el cambio de tamaño de fuente

Question

Me preguntaba si es posible evitar el siguiente comportamiento: Tengo un archivo * .css en el que defino el tamaño de fuente para mi aplicación web móvil .

html, cuerpo { font-size: 16px! Important; }

No utilicé ningún otro atributo de tamaño de fuente en mis archivos. Ahora, cuando cambio al modo de paisaje, el tamaño de fuente cambia. ¿Cómo puedo prevenir o manipular este comportamiento? ¿Tengo que usar @media screen and (max-width: x px) { } o hay alguna otra manera?

Gracias por compartir.

Answer 1

Puede que necesite usar selectores adicionales, pero lo siguiente debería ser el truco.

html,body { -webkit-text-size-adjust:none; } 

Para que esta regla no impide el cambio de tamaño de texto en los navegadores de escritorio WebKit (Chrome, Safari y Opera pronto), se envuelve en una consulta de medios CSS dirigido a los dispositivos deseados de esta manera:

/* iPhone, portrait & landscape. */ 
@media all and (max-device-width: 480px) { 
    html,body { -webkit-text-size-adjust:none; } 
} 
/* iPad, portrait & landscape. */ 
@media all and (min-device-width: 768px) and (max-device-width: 1024px) { 
    html,body { -webkit-text-size-adjust:none; } 
}