This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to set zoom on a element using Javascript on Firefox?

more options

I can change a page element on Chrome using zoom

document.getElementById("pane-side").style.zoom = 0.5

Looks like Firefox did not support zoom, when i run the same code nothing happens.

Im searching for how to use zoom on Firefox, and i got this code:

document.getElementById("pane-side").style["-moz-transform"] = "scale(0.5)" But the result was not what I expected:

https://user-media-prod-cdn.itsre-sumo.mozilla.net/uploads/images/2021-01-04-17-23-44-fa1a16.png

Im trying to zoom out the element like on Chrome, any advice?

I can change a page element on Chrome using zoom '''document.getElementById("pane-side").style.zoom = 0.5''' Looks like Firefox did not support zoom, when i run the same code nothing happens. Im searching for how to use zoom on Firefox, and i got this code: '''document.getElementById("pane-side").style["-moz-transform"] = "scale(0.5)"''' But the result was not what I expected: https://user-media-prod-cdn.itsre-sumo.mozilla.net/uploads/images/2021-01-04-17-23-44-fa1a16.png Im trying to zoom out the element like on Chrome, any advice?
Pridėtos ekrano nuotraukos

All Replies (3)

more options

Try this instead:

  • document.getElementById("pane-side").style.transform = "scale(0.5)";
more options

Same result as of document.getElementById("pane-side").style["-moz-transform"] = "scale(0.5)"