Configuración de IE & # 8220; Zoom óptico & # 8221; característica utilizando Javascript / CSS

Question

El sitio que estoy manteniendo ha sido diseñado de manera bastante rígida, utilizando píxeles para tamaños de fuente, dimensiones, posicionamiento absoluto, etc.

Ahora hay una solicitud de función para agregar el cambio de tamaño de fuente por parte de los usuarios. Si bien sé que es imposible sin volver a diseñar el sitio desde cero utilizando dimensiones relativas, descubrí que el sitio funciona bastante bien con la función de zoom IE7 / IE8 (Ctrl + & amp; Ctrl -).

La pregunta es, ¿hay una manera de "sugerir" que IE abra este sitio con un nivel de zoom predeterminado (por ejemplo, 125%) sin que los propios usuarios tengan que hacer zoom?

El sitio se usa solo con IE 7+.

Answer 1

Si esta es su elección de los usuarios, déjelo en sus navegadores más maduros. Además, dependiendo de qué sistema (resolución de pantalla) vengan sus usuarios, determinará su elección de zoom. Desafortunadamente, cada navegador maneja recordar su configuración de zoom un poco diferente, por ejemplo, chrome recuerda por sitio, es decir, es una configuración global para cada nueva pestaña / ventana.

Answer 2

Si realmente quieres hacer lo que quieres, lo que, por supuesto, no recomiendo, prueba algo como esto:

$(function(){
    var ratio = 1;
    $(document.body).css("zoom", 1.25); // zoom the page on DOMReady

    // bring back a 'normalized' behavior keyevent zooming
    $(document).keydown(function(e){
        if(e.ctrlKey && {187:1, 189:1, 96:1}[e.which]) {
            switch(e.which){
                case 187: // ctrl +
                    ratio += 0.25;
                    break;

                case 189: // ctrl -
                    ratio -= 0.25;
                    break;

                case 96: // ctrl 0
                    ratio = 1;
            }

            $(this.body).css("zoom", ratio);

            e.preventDefault();
        }
    });
});