Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Firefox中缩小?_Javascript_Jquery_Css - Fatal编程技术网

Javascript 如何在Firefox中缩小?

Javascript 如何在Firefox中缩小?,javascript,jquery,css,Javascript,Jquery,Css,我已尝试使用以下代码缩小: window.onload = function () { var currFFZoom = 0.99; var currIEZoom = 90; if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8))

我已尝试使用以下代码缩小:

 window.onload = function () {
     var currFFZoom = 0.99;
     var currIEZoom = 90;

     if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6) { //Firefox
         var step = 0.02;
         currFFZoom -= step;
         $('body').css('MozTransform', 'scale(' + currFFZoom + ')');

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

 };

它可以在Chrome中使用,但在Mozilla Firefox中却不能。我该怎么办

您需要将
curFFZoom
从.99更改为.90,如下所示:

window.onload = function () {
     var currFFZoom = 0.90;
     var currIEZoom = 90;

     if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6) { //Firefox
         var step = 0.02;
         currFFZoom -= step;
         $('body').css('MozTransform', 'scale(' + currFFZoom + ')');

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

};
如果不这样做,缩放太小以至于无法注意到


jsFIDLE:

您也可以使用CSS缩放页面加载:

body { zoom: .9; -moz-transform: scale(0.9); -moz-transform-origin: 0 0 }

@PatrickEvans即使有骆驼壳也能用。我怀疑jQuery知道如何处理它。是的,似乎我有一些随机错误,它不允许我在测试时使用任何东西,除了
-moz transform
。Chrome Zomm out是可以的。。。但是Firefox缩小的很糟糕。@PersianBoy因为
-=step code
,它缩小到了88%。如果要将其缩放到90%,请将其删除。你能更具体地说一下Firefox中的缩小是如何糟糕的吗?@Persian boy如果你说的是与图像重叠的文本,我不知道你能做多少,因为这将是Firefox的问题。也许你需要找到一个不同于缩小的解决方案。除了两个按钮,另一个控件是图像。这是chrome缩小:chrome缩小是我想要的。