iOS 8.3: la escala inicial de Meta Viewport bajo 1.0 da como resultado una escala de contenido extraña en el cambio de orientación

Después de actualizar mis dispositivos iOS a iOS 8.3 noté algún comportamiento extraño con la propiedad de escala inicial de meta viewport. Si configuro la escala inicial bajo 1.0 y gire mi dispositivo mientras estoy en una página web, todo el contenido se networkingucirá progresivamente y, eventualmente, el browser se bloqueará.

Noté que la cantidad de cuánto más pequeño es el contenido con cada cambio de orientación está relacionado con la cantidad que establece la escala inicial. Por ejemplo, si lo configuro a 0.9, el contenido obtendrá un 10% más pequeño cada vez. Si lo configuro a 0.6, el contenido será 40% más pequeño cada vez.

Debido a la naturaleza de este error, no se puede poner ni experimentar en jsfiddle. En su lugar, pegaré el código aquí mismo para que pueda probarlo usted mismo en algún lugar:

<!doctype html> <html> <head> <title>initial scale under 1.0</title> <meta name="viewport" content="width=device-width, initial-scale=0.7, user-scalable=0" /> </head> <body> <div id = "wrapper"> <h1>Hello, run this page on iOS 8.3 device and change the orientation multiple times to make this text go smaller and eventually crash the browser!</h1> </div> </body> </html> 

Puede comparar ese ejemplo roto con uno que funcione, que tiene la escala inicial establecida en 1.0:

 <!doctype html> <html> <head> <title>initial scale 1.0</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> </head> <body> <div id = "wrapper"> <h1>This text will not get smaller nor will the browser crash when you rotate your device multiple times!</h1> </div> </body> </html> 

Antes de actualizar a iOS 8.3, la rotation del dispositivo funcionó bien. El layout no se networkinguce ni se networkinguce ni el browser se bloquea después de varios cambios de orientación.

¿Hay alguna forma de solucionar este problema?

No pudo reproducir el error en uno de sus sitios en el último iOS 8.3, pero aún puede reproducir el error en algunos de sus otros sitios.

De los comentarios está usando jQuerymobile.

algunas versiones de jQuery mobile pueden ser incompatibles con algunas versiones de iOS Safari .

No podemos descartar por completo el posible error en el escalamiento de la vista de Safari en algunas versiones. Pero, lo que podemos hacer, podemos hacer una solución para resolver el problema.

Aquí hay una de las soluciones para hacer frente al problema de escalamiento .

Aquí hay un tema de error en el foro de jQuery

Aquí hay un artículo detallado sobre cómo resolver el error de escala de vista de iPhone .

Siempre es aconsejable tener el último jqueryMobile en su sitio, ya que posiblemente tendrá las soluciones y soluciones que jQueryMobile encuentra en las nuevas versiones del browser.

Espero que esto ayude.

Siéntase libre de hacer comentarios para cualquier duda.