2017-03-26 4 views
0

Webページがあり、jqueryを使用して読み込むときはいつでも本文を拡大したいが、mozilla firefoxでは機能しないCSSの拡大機能。現在mozillaでjqueryを使用してWebページの本文を拡大する方法firefox

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

を使用するには、クロム、オペラ、エッジで働いていたが、ズームCSSはMozillaで働いていないので、Firefoxの

で働いていない、私はこの

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

を試してみてくださいしかし、それはなかったの仕事。あなたが私に解決策を与えるなら、大きな助けになるでしょう。

答えて

0

あなたはここでは、この

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

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

を試すことができますすべての最新ブラウザ

$('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プロパティを定義することができます。

+0

ズームを使用していますが、右側にいくらか空白を残して全幅を使用していません。 – Aniket

+0

白い空白を '検査 'し、' CSS'を適用します。または、ここであなたのコードをすべてhttp://pastebin.com/で共有することができます。そして、私にそのリンクを教えてください。 @Aniket –

関連する問題