Solíamos tener una página plateada que usaba lienzo para escalar la página, esto resultó en una página que siempre tendría el tamaño de la ventana en la que estaba, haciendo que toda la página fuera más pequeña si la ventana era más pequeña (conserva la relación de aspecto) , como si la página fuera un solo png pero no lo es, tiene elementos dinámicos. Además, cuando uno intenta acercar o alejar, no hace nada, solo hace que aparezca un desplazamiento hacia la derecha y hacia abajo sin afectar la página.

Estamos migrando la página a HTML 5 con CSS y no hemos podido replicar este comportamiento. Es una página que tiene 10 tablas pequeñas y cada una tiene 10 "mensajes" que pueden aparecer. Al acercar, las cosas comienzan a superponerse además de cambiar el tamaño, al cambiar el tamaño de la ventana, las cosas también se superponen pero sin cambiar el tamaño. La mayoría de las posiciones son absolutas pero tienen % en su posición en pantalla. Sin embargo, no queremos que responda, queremos el comportamiento de la versión Silverlight. Al menos eso es lo que quieren los patrones.

Hemos estado investigando cómo hacer esto, pero hasta ahora no hemos encontrado una buena solución, especialmente con la alteración de la funcionalidad de zoom de los navegadores. la mayoría de las páginas/foros dicen que esto no debería hacerse.

Editar: por ahora, he agregado un montón de max-width y max-height en el estilo html y el estilo del cuerpo, así como una consulta de medios para cambiar % izquierda a px izquierda para un grupo de objetos absolutamente posicionados. Sin embargo, esto no es de ninguna manera lo que busco lograr. Necesitamos que toda la página se comporte como una imagen bg, escalando cada elemento con el tamaño de la ventana.