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

Question

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

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

它在 chrome 、 opera 、 edge 中有效，但在 firefox 中无效

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

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

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

Answer 1

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

$('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*/
});

Note : You can also define CSS zoom property like as above code.