0

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

 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 中则无效。我应该怎么办?

4

2 回答 2

0

您需要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 + '%');
     }

};

如果您不这样做,则缩放太小而无法注意到。

JSFiddle:http: //jsfiddle.net/jdwire/YKmrE/2/

于 2013-10-04T17:57:12.973 回答
0

您也可以只使用 CSS 来放大页面加载:

body { zoom: .9; -moz-transform: scale(0.9); -moz-transform-origin: 0 0 }
于 2013-10-04T18:04:22.373 回答