我尝试使用以下代码缩小:
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中却没有。我该怎么办?
答案 0 :(得分: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/
答案 1 :(得分:0)
你也可以使用CSS来缩放页面加载:
body { zoom: .9; -moz-transform: scale(0.9); -moz-transform-origin: 0 0 }