title: set font-size according to the body width with css3
body: <p>I want to set the <code>font-size</code> of <code>&lt;body&gt;</code> to be 5% of the width of itself(<code>body</code>).</p>
  
  <p>Is there a pure css3 way to do this?</p>
  
  <p>I'm doing this with jquery now, but I want it simpler:</p>
  
  <pre><code>$(function() {
  
      var $body = $('body');
  
      function adjust_font_size() {
          $body.css('font-size', $body.width()*0.05+'px');
      }
      adjust_font_size();
      $(window).resize(adjust_font_size);
  
  
  });
  </code></pre>