Restoring page zoom/scale via button

Question

Unfortunately I have no code at all to begin with. After a long search on Google and on Stackoverflow I can't seem to find anything related with this.

Basically I have a button on my webpage saying, for example, "Restore scale", so that when someone clicks on it, the page's zoom/scale restores to 100%. Though I have no clue about how to do this.

Can someone help?

First result in google search... http://stackoverflow.com/questions/1055336/changing-the-browser-zoom-level — Jeff Shaver, Mar 28 '13 at 12:47
[http://www.google.com/search?q=html+button+zoom+page](http://www.google.com/search?q=html+button+zoom+page) — bart s, Mar 28 '13 at 12:47
try http://www.mindfiresolutions.com/Zooming-a-web-page-using-Javascript-functions-335.php — Ezhil V, Mar 28 '13 at 12:49

score 0 · Answer 1 · answered Mar 28 '13 at 13:04

0

JQuery and CSS sollution:

$('body').css('MozTransform','scale(1)');

answered Mar 28 '13 at 13:04

Jacob

3,580
22
82
146

This only resizes the body, not really the page by the browser's API. It's useful but not what I'm looking for. Thanks. – coldpumpkin Mar 28 '13 at 13:13
Try replacing body with html – Jacob Mar 28 '13 at 13:16

Restoring page zoom/scale via button

1 Answers1