使用Javascript / Jquery禁用桌面Web浏览器中页面的缩放

可能重复：
如何在所有现代浏览器中检测页面缩放级别？

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; } } 

我正在开发一个Web应用程序，如果用户放大/缩小，所有ui元素的顺序将不正确。 那么，有什么方法可以阻止它吗？ 我想到了某种方法，但它有可能吗？

1）获取用户的屏幕分辨率。 当窗口大小改变（宽度或高度）时，将窗口宽度/高度返回到屏幕宽度/高度。

2）将鼠标滚动事件或键盘事件绑定为空。 （请参阅上面的演示代码），但如果用户单击浏览器并选择放大，该怎么办？

谢谢

Answer 1

  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+")" }); });