Travis346
5/16/2017 - 1:42 PM

HTML viewport overflow

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