Tamaño de página cambiante en iOS al hacer zoom

He tenido algunos problemas con iOS (Safari y Chrome para iOS). Cuando el usuario hace zoom, la página parece cambiar de tamaño (también está desencadenando el evento javascript de cambio de tamaño docenas de veces) lo que está dañando parte de mi contenido que se coloca usando JavaScript. No puedo solucionarlo al vincular el evento de cambio de tamaño porque se llama demasiadas veces y no tengo forma de saber cuál fue el último.

He intentado configurar numerosas opciones en la vista sin suerte (ancho, escala inicial, escala máxima, escala mínima).

Tengo un div de position fijo con la parte superior fija, derecha, izquierda y superior. Hay varios divs absolutos dentro y tienen tamaños y posiciones establecidos en%.

Parece que la página en realidad cambia de tamaño porque cuando alejo el zoom después de haber ampliado el zoom, veo bordes vacíos a la derecha y la parte inferior de la pantalla. Quiero evitar que esto suceda.

He encontrado el problema. La página no se networkingimensionaba, los elementos posicionados fijos eran. Resulta que el posicionamiento fijo sigue la vista del usuario si hace zoom. La única solución que he encontrado es cambiar todo mi posicionamiento fijo al posicionamiento absoluto (lo que en mi caso va a ser doloroso).

También he descubierto que, dado que el evento de cambio de tamaño está vinculado a la window, la vista cambia al hacer zoom y, por lo tanto, se activa la function de cambio de tamaño. El evento de cambio de tamaño no funciona en otros elementos (en mi caso, lo que realmente necesito es ver el cambio de tamaño en el cuerpo).

No tengo conocimiento de un problema de esa naturaleza, incluso en las primeras versiones de iOS Safari / Chrome. ¿En qué versión de iOS estás? Si tiene acceso a OSX, ¿ha probado Safari en todas las versiones de iOS disponibles en iOS Simulator? ¿Tienes el mismo comportamiento en el iPad? ¿Has probado otros browseres en pequeñas windows? Mencionas algo sobre cambiar el tamaño de los events que se llaman demasiadas veces.

Intentaría get una página HTML simple con styles simples y sin javascript para trabajar con el siguiente código:

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> 

El código anterior debería hacer imposible el zoom … Si eso no funciona en una configuration simple, definitivamente hay un error con el que no estoy familiarizado en la versión de iOS que estás probando.

Por otro lado, si eso funciona, hay algo que anula la label de la window gráfica en su código.