100% Height and Width

HTML

<div id="statusController">
  <table>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
  </table>

CSS

body,
 html {
   padding: 0;
   margin: 0;
 }

JavaScript

$(window).resize(function () {
      var tcount = $("table tr").length
      var tsize = ($(window).width() / $(window).height() * 2)
      $("table tr").css("height", (100 / tcount) + "vh")
      $("table tr").css("font-size", (100 / tcount / tsize) + "vh")
    }).resize()