Fatal编程技术网
  • javascript/
  • Javascript 如何在mozilla firefox中使用jquery缩放网页正文

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

javascript jquery html css

Javascript 如何在mozilla firefox中使用jquery缩放网页正文,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个网页，我想在它加载时使用jquery缩放它的主体，但css缩放功能不适用于mozilla firefox。当前使用 $("body").css("zoom", "1.05"); 它在chrome、opera和edge中工作，但在firefox中不起作用 因为zoom css在mozilla中不起作用，所以我尝试了这个 $("body").css("MozTransform","scale("+1.05+")"); 但它不起作用。如果您能给我一个解决方案，那将非常有帮助。您可以试试这个

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

$("body").css("zoom", "1.05");
它在chrome、opera和edge中工作，但在firefox中不起作用

因为zoom css在mozilla中不起作用，所以我尝试了这个

$("body").css("MozTransform","scale("+1.05+")");
但它不起作用。如果您能给我一个解决方案，那将非常有帮助。

您可以试试这个

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

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


函数zoomin（）{
document.body.style.zoom=“50%”
}
无论什么

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


$('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
属性


它正在缩放，但没有使用全宽，在右侧留下一些空白。如何修复它。
检查空白并应用
CSS
。或者您可以在此处共享所有代码。把链接给我@安妮特