title: How to adjust font size of the td elements in a table which has a fixed width of 100%
body: <p>I wanted my <code>table</code> to be as wide as my browser window, so I wrote -</p>
  <pre><code>table {
      width: 100%;
  }
  </code></pre>
  <p>I wanted my <code>td</code> and <code>th</code> elements to have a relative font size. By which I mean, they will appear smaller in smaller devices or smaller browser windows so that the table stays 100% wide</p>
  <p>Any suggestion how to achieve that? Thanks in advance</p>
  <p>N.B: I am generating the table from javascript and then appending it into the DOM for some other reasons</p>