Réglage IE fonction « Zoom optique » en utilisant Javascript/CSS

Question

Le site que je suis maintenant a été conçu assez rigide en utilisant des pixels pour les tailles de police, les dimensions, le positionnement absolu etc.

Maintenant, il y a une demande de fonctionnalité pour ajouter des polices redimensionnement par les utilisateurs. Bien que je sache que c'est impossible sans repenser le site à partir de zéro en utilisant des dimensions relatives, j'ai découvert que le site joue assez bien avec la fonction de zoom IE7/IE8 (Ctrl + & Ctrl -). La question est, est-il un moyen de «suggérer» IE pour ouvrir ce site à un niveau de zoom par défaut (par exemple, 125%) sans les utilisateurs eux-mêmes nécessitant un zoom?

Le site est utilisé uniquement avec IE 7+.

Answer 1

Si c'est votre choix d'utilisateurs, laissez à leurs navigateurs les navigateurs les plus matures un zoom qui amplifie le rendu de leur page (IE 7 & 8, Opera, FireFox, Chrome 2.0, Safari?). En plus de dépendre de quel système (résolution d'écran) vos utilisateurs vont dicter leur choix de zoom. Malheureusement, chaque navigateur gère la mémorisation de votre réglage de zoom un peu différent, par exemple le chrome se souvient par site alors que c'est un paramètre global pour chaque nouvel onglet/fenêtre.

Answer 2

Si vous voulez vraiment faire ce que vous voulez, ce que je bien sûr pas recommander, essayer quelque chose comme ceci:

$(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(); 
     } 
    }); 
});