Question

我有网页，我想在使用jquery加载时缩放它的主体，但css缩放功能不适用于mozilla firefox。目前正在使用

$("body").css("zoom", "1.05");

它在chrome，opera，edge中工作但在firefox中不起作用

由于缩放css在mozilla中不起作用，我试试这个

$("body").css("MozTransform","scale("+1.05+")");

但它没有用。如果你给我解决方案，那将是很有帮助的。

Answer 1

你可以试试这个

<script type="text/javascript">
        function zoomin() {
            document.body.style.zoom = "50%" 
        }
</script>

<body onload="zoomin()">
<h1>Whatever</h1>
</body>

Answer 2

这是所有现代浏览器的另一个答案

$('body').css({
  'transform'                : 'scale(1.05)',
  'transform-origin'         : '0 0',
  '-moz-transform-origin'    : '0 0',         /*Firefox*/
  '-ms-transform-origin'     : '0 0',         /*IE*/
  '-webkit-transform-origin' : '0 0',         /*Opera/Safari*/
  '-moz-transform'           : 'scale(1.05)', /*Firefox*/
  '-ms-transform'            : 'scale(1.05)', /*IE*/
  '-webkit-transform'        : 'scale(1.05)'  /*Opera/Safari*/
});

注意：您还可以像上面的代码一样定义CSS zoom属性。

如何在mozilla firefox中使用jquery缩放网页正文

2 个答案: