title: CSS - What is best to use for this case (px, %, vw, wh or em)?
body: <p>I am using Ionic 2 for the development of an app and I need to preview the app in different sizes.</p>
  
  <p>Currently, I am using <code>vw</code> in all the sizes including <code>font-size</code>, <code>padding</code> and so on, but when resizing the font it sometimes becomes a bit small and even sometimes the text is not readable.</p>
  
  <p>For that reason, I would like to know what is best to use in this case:</p>
  
  <ul>
  <li><code>px</code></li>
  <li><code>%</code></li>
  <li><code>vw</code></li>
  <li><code>wh</code></li>
  <li><code>em</code></li>
  </ul>
  
  <p>Or do I need to use also the <code>@media</code> and support different font sizes?</p>
  
  <p>Any thoughts?</p>