如何在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

你可以試試這個

<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 個解決方案

解決方案1
0

解決方案2
0 2017-03-26 12:30:31

如何在Mozilla FireFox中使用jquery縮放網頁正文

問題描述

2 個解決方案

解決方案1 0

解決方案2 0 2017-03-26 12:30:31

解決方案1
0

解決方案2
0 2017-03-26 12:30:31