更改浏览器缩放级别

Question

更改浏览器缩放级别我需要在我的网站上创建两个按钮来改变浏览器缩放级别(+)(-)。我请求浏览器缩放，而不是CSS缩放，因为图像大小和布局问题。这有可能吗？我听说过相互矛盾的报道。

Answer 1

我想说，在大多数浏览器中是不可能的，至少没有一些额外的插件是不可能的。在任何情况下，我都会尽量避免依赖浏览器的缩放，因为实现不同(一些浏览器只缩放字体，其他浏览器也缩放图像等等)。除非您不太关心用户体验。

如果您需要更可靠的缩放，那么可以考虑使用JavaScript和CSS，或者可能在服务器端放大页面字体和图像。图像和布局缩放问题可以这样解决。当然，这需要更多的工作。

Answer 2

如果这对你有用的话。这工作在FF，IE8+和铬。其他部分适用于非Firefox浏览器。尽管这会给您带来缩放效果，但它实际上不会在浏览器级别上修改缩放值。

    var currFFZoom = 1;
    var currIEZoom = 100;

    $('#plusBtn').on('click',function(){
        if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom += step; 
            $('body').css('MozTransform','scale(' + currFFZoom + ')');
        } else {
            var step = 2;
            currIEZoom += step;
            $('body').css('zoom', ' ' + currIEZoom + '%');
        }
    });

    $('#minusBtn').on('click',function(){
        if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom -= step;                 
            $('body').css('MozTransform','scale(' + currFFZoom + ')');

        } else {
            var step = 2;
            currIEZoom -= step;
            $('body').css('zoom', ' ' + currIEZoom + '%');
        }
    });