¿Cómo puedo evitar la escalabilidad del contenido de un UIWebview después de la reorientación?

Estoy creando una aplicación iOS 5/6 que tiene una UIWebView. Carga algo de HTML que he embedded en mi aplicación.
Ahora cuando rota mi dispositivo, la WebView cambia de tamaño (como quiero que ocupe todo el ancho de la pantalla).
Y luego se pone raro: algunos contenidos se amplían y algunos contenidos no se amplían. Mira esta image con un ejemplo de text: Problema de rotación de UIWebview

Como puede ver, el encabezado (H6) permanece igual, mientras que el párrafo se amplía. ¿Alguien tiene una idea de cómo prevenir esto? Quiero que el html se vea igual en el paisaje que en el modo vertical.

He intentado configurar el escalado de la vista en 1: <meta name="viewport" content="initial-scale=1.0,max-scale=1.0"> pero eso no ayuda. El estilo de font-size de font-size del cuerpo está establecido en 14px , pero cambiarlo a 14pt o un porcentaje tampoco hizo ninguna diferencia. Establecer el width del cuerpo al 100% tampoco ayudó.

Extrañamente, eliminar el salto de línea ( <br/> ) que está en el text lo corrige, pero necesito interrupciones de línea para estar ahí, así que no hay solución.

Lo único que funciona es volver a cargar el contenido de UIWebView después de un cambio de orientación, pero eso no impide que se vea mal durante la rotation y restablece cualquier desplazamiento que el usuario haya hecho.

¿Algunas ideas?

Prueba esto:

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

No estoy seguro, pero podría ser la propiedad scalesPageToFit en tu UIWebView.

Si estás codificando en XCode (supongo que porque estás usando UIWebView)

  • Elija UIWebView en la punta.
  • El panel Ultilities> Inspector de tallas> en el cuadro de Autoenivilización, elimine ambas flechas de doble dirección.
  • El UIWebView ahora tiene un tamaño fijo y no se escalará automáticamente a la orientación.

¿Es esto lo que quieres?