Changing page scale via javascript

Question

I wish to scale the body of my website acording to resolution, but the code not seems to work:

document.body.style.transform: scale(window.screen.availHeight/2);
document.body.style['-o-transform'] = window.screen.availHeight/2;
document.body.style['-webkit-transform'] = window.screen.availHeight/2;
document.body.style['-moz-transform'] = window.screen.availHeight/2;

[This might help](http://stackoverflow.com/questions/3044230/difference-between-screen-availheight-and-window-height). — Andy, Sep 30 '13 at 12:31
What do you think `document.body.style.transform: scale(window.screen.availHeight/2);` does? — epascarello, Sep 30 '13 at 12:31

score 7 · Accepted Answer · answered Sep 30 '13 at 12:31

Try

document.body.style.transform = 'scale(' + window.screen.availHeight/2 + ')';
document.body.style['-o-transform'] = 'scale(' + window.screen.availHeight/2 + ')';
document.body.style['-webkit-transform'] = 'scale(' + window.screen.availHeight/2 + ')';
document.body.style['-moz-transform'] = 'scale(' + window.screen.availHeight/2 + ')';

Changing page scale via javascript

1 Answers1

Linked