title: How to fit placeholder font-size for input[type=text] to see it totaly?
body: <p>I have an HTML <code>input[type='text']</code> with a placeholder. The input size is already determined by its container.</p>
  
  <p>I would like to find a way to fit the placeholder size with the input width and add a minimum size.</p>
  
  <pre><code>&lt;div id="container" style="width: 50px"&gt;
      &lt;input type='text' width='100%' placeholder='A placeholder which should be seen totaly'/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried :</p>
  
  <pre><code>input::placeholder {
      font-size: Xvw; //&lt;-- I don't find how it works in this case
      font-size: 100%; //&lt;-- Does not work
  }
  </code></pre>
  
  <p>Someone has an idea ?</p>