title: CSS growing font-size on element resize
body: <p>on re-size browser my input is growing and decreases. How to change same font size? it is possible without js? font-size should be 100% input height.</p>
  
  <p><a href="http://jsfiddle.net/krLf0cbc/7/" rel="nofollow">http://jsfiddle.net/krLf0cbc/7/</a></p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="inner"&gt;
  
  &lt;input class="input"/&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and css</p>
  
  <pre><code>.container {
      width: 100%;
  }
  
  .inner {
      position: relative;
  }
  .input
  {
      position: absolute;
      padding-bottom: 10%;
      width:100%;
  }
  </code></pre>