How to adjust the font size for different android devices having different ppi settings
<p>I have developed a hybrid application (HTML5, CSS3, JqueryMobile and Java) for Android. The stuff developed is using HTML5 and CSS3 with jQuery Mobile framework. All necessary media queries have also been added in.</p>

<p>The app is working fine in wide range of resolutions 320x400, 320x480, 360 etc. But in some mobile devices like HTC One V, Samsung Galaxy SII phones that are having higher PPI density is making the fonts in the APP very small which is making it hard to read.</p>

<p>I have tried adding</p>

<pre><code>@media (min-resolution: 192dpi),
       (max-width: 320px),
       (-webkit-min-device-pixel-ratio: 2),
       (min--moz-device-pixel-ratio: 2),
       (-o-min-device-pixel-ratio: 2/1),
       (min-device-pixel-ratio: 2),
       (min-resolution: 2dppx) {

  .textExpander{font-size:1.2em;}

}
</code></pre>

<p>But this is making the lower PPI devices with width of 320px also increase the font size.</p>

<p>Any help or suggestion to get me out of the problem. Thanking all of you in advance for reading the problem and shooting in an answer.</p>
