zoom in with Javascript (jQuery)

Question

I need to zoom in with Javascript(jQuery),

For example, Ctrl + scrolling mouse.

I tried

document.body.style.zoom

but, it's not working in Firefox.

Possible duplicate of [object.Style.Zoom property not working in Firefox](http://stackoverflow.com/questions/7175766/object-style-zoom-property-not-working-in-firefox) — Anticom, Aug 10 '16 at 13:38
Maybe CSS scale (https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale) would work. However, I am not sure if scaling an element will properly scale all its children elements. — Jean-François Beauchamp, Aug 10 '16 at 13:43

score 0 · Answer 1 · answered Aug 10 '16 at 15:12

I don't know what kind of zoom do you exactly want to achieve, but maybe you should try to use transform: scale(X); with transform-origin: 0 0; and max-width set to a proportional value i.e.:

body {
   max-width: 50%;
   transform: scale(2);
   transform-origin: 0 0;
}

zoom in with Javascript (jQuery)

1 Answers1