HTML viewport overflow
If the scrollbars are getting in the way:
element.style.overflow = 'scrollbar';
element.style.overflow = 'hidden';
Viewport: http://www.w3schools.com/cssref/css_units.asp
- vw: 1/100th viewport width
- vh: 1/100th viewport height
- vmin: 1/100th of the smallest side
- vmax: 1/100th of the largest side
<style>
h1 {
font-size: 20vh;
}
</style>
Hidden Vs Visible: http://www.w3schools.com/css/tryit.asp?filename=trycss_display
http://www.w3schools.com/css/tryit.asp?filename=trycss_display_none
Fullscreen: https://robertnyman.com/2012/03/08/using-the-fullscreen-api-in-web-browsers/
addEventListener: http://www.w3schools.com/js/js_htmldom_eventlistener.asp