Distriggers lo zoom della pagina nei browser web desktop usando Javascript / Jquery

Possibile duplicato:
Come rilevare il livello di zoom della pagina in tutti i browser moderni?

var obj=document.body; // obj=element for example body // bind mousewheel event on the mouseWheel function if(obj.addEventListener) { obj.addEventListener('DOMMouseScroll',mouseWheel,false); obj.addEventListener("mousewheel",mouseWheel,false); } else obj.onmousewheel=mouseWheel; function mouseWheel(e) { // disabling e=e?e:window.event; if(e.ctrlKey) { if(e.preventDefault) e.preventDefault(); else e.returnValue=false; return false; } } 

Sto sviluppando un’app Web e tutti gli elementi dell’interfaccia utente non saranno nell’ordine corretto se l’utente esegue lo zoom avanti / indietro. Quindi, c’è un modo per prevenirlo? Ho pensato ad un modo per farlo ma è ansible?

1) Ottieni la risoluzione dello schermo dell’utente. Quando la dimensione della finestra cambia (larghezza o altezza), riporta la larghezza / altezza della finestra alla larghezza / altezza dello schermo.

2) associare l’evento scroll del mouse o l’evento della tastiera a nulla. (Fare riferimento al codice demo sopra), ma cosa succede se l’utente fa clic sul browser e seleziona lo zoom avanti?

Grazie

  var zoomlevel=1; $("body").dblclick(function(ev) { zoomlevel = zoomlevel == 1 ? 2 : 1; $(this).css({ "-moz-transform":"scale("+zoomlevel+")", "-webkit-transform":"scale("+zoomlevel+")", "-o-transform":"scale("+zoomlevel+")", "-ms-transform":"scale("+zoomlevel+")" }); });