CSS - What is best to use for this case (px, %, vw, wh or em)?
<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>