title: Responsive font size using CSS/jQuery
body: <p>I want to create a responsive text inside a div.</p>
  
  <p>I tried <a href="https://github.com/jquery-textfill/jquery-textfill" rel="nofollow">jquery-textfill</a> and <a href="http://simplefocus.com/flowtype/demo.html" rel="nofollow">FlowType</a>, but they are not working for me at all.</p>
  
  <p><strong>FlowType</strong> does not use all the available space, only a part of it (<a href="http://jsfiddle.net/FXL9k/145/" rel="nofollow">demo</a>), while <strong>textfill</strong> does not respect the height (<a href="http://jsfiddle.net/FXL9k/146/" rel="nofollow">demo</a>).</p>
  
  <p>Am I using them incorrecly or what I want is too hard to achieve? </p>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="external"&gt;
          &lt;div class="internal"&gt;Example&lt;/div&gt;
      &lt;/div&gt;    
  &lt;/body&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>.internal{width:100%;height:100%}
  .external{width:400px;height:50px;}
  </code></pre>
  
  <p>PS. Viewports are not supported enough for now.</p>