Javascript 为什么在使用jquery的firefox中放大和缩小功能不能正常工作？

我正在放大并在单击按钮时使用jquery

请查看屏幕截图：

在chrome中，它可以正常工作，但在firefox中，它不能正常工作，并且在设计中到处都是空白

请查看屏幕截图：

请帮我把它缩短

这是我的密码：

$('#In').on('click', function () {
    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 + ')');
        save_zoom_level(currFFZoom);
    } else {
        var step = 2;
        currIEZoom += step;
        $('body').css('zoom', ' ' + currIEZoom + '%');
        save_zoom_level(currIEZoom);
    }
});

$('#Out').on('click', function () {
    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 + ')');
        save_zoom_level(currFFZoom);

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

---

我认为你不需要做这么多检查。属性

transform:scale（1.5）

应适用于所有没有供应商前缀的浏览器

你可以做如下的事情

函数zoomIn（）{
var元素=document.getElementById（“内容”）；
元素.classList.add（“zoomIn”）；
}
函数zoomOut（）{
var元素=document.getElementById（“内容”）；
element.classList.remove（'zoomIn'）。add（'zoomOut'）；
}

.content{
宽度：200px；
高度：200px；
背景：#eab600；
边缘顶部：50px；
}
佐莫先生{
变换：比例（0.9）；
}
.zoomIn{
转换：比例（1.5）；
}

放大
缩小