Chartjs-Fit all content inside a HTML page designed using bootstrap in the viewable area without need to scroll

by

0👍

If you put the entire page content into a wrapper div or header then you can set the height of that element to 100vh and the overflow to hidden. I’ve just tried it with your JS fiddle and got it working. You may need to then add in media queries to display it properly on tablet and mobile. 

<header>
  <!-- content goes inside --> 
</header>

header {
  height: 100vh;
  overflow: hidden;
}

Leave a comment