css - Needed - Javascript button to utilise Ctrl + and - keyboard shortcuts in web browsers -


I am trying to create a button on the web page to increase the page size, font size image size. To make this more accessible it is a special requirement of the website www.applefieldsschool.co.uk Please note that this work is in progress.

So far I have been able to come up with it; -

  & lt; Button onclick = "body.style.zoom = '300%'" & gt; Zoom 300% & lt; / Button & gt;   

This works, but praises the page provided on the page and is not responsible. My page is responsible for the various viewport size of HTML5 and CSS3.

If I use the keyboard shortcut Ctrl + and Ctrl - this is exactly what I need. I now have to program a button to use the keyboard shortcut.

Unfortunately this is getting slightly ahead of my javascript skills (which I have, in the last week, has started playing together) Thanks in advance.

Your browser must have ' CTRL + + Key 'is not possible to use.

Specifically: body {conversion: scale (1.1); Change-origin: 10% 10%; // Prefix version also add}

You can also set the font-size . Unless you do all your sizes in em , which is relative to the font size, it will not actually zoom into the page, but this (obviously the font size will change (which may be Is still acceptable for you).

Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -