title: How to fix viewport scaling with JQuery Mobile on Android HDPI devices
body: <p>I find that JQuery Mobile pages look good on MDPI devices (like G1) but they look extremely small on HDPI devices (like Samsung Galaxy S).</p>
  
  <p>Here image from Android emulator with resolution 320x480 and 160 dpi:</p>
  
  <p><img src="https://i.imgur.com/6stQt.png" alt="mdpi"></p>
  
  <p>Here image from Android emulator with resolution 480x800 and 240 dpi:</p>
  
  <p><img src="https://i.imgur.com/1DIyu.png" alt="hdpi"></p>
  
  <p>To see disproportions compare size of JQuery text with size of native Android interface (clock).</p>
  
  <p><strong>EDITED:</strong> screenshots taked with the following viewport settings:</p>
  
  <p><code>&lt;meta name="viewport" content="initial-scale=1, width=device-width, target-densitydpi=device-dpi"/&gt;</code></p>