title: How to resize images in android webview according to different resolution?
body: <p>When i try to load the below html page in android browser, the image is not re-sizing according to resolution</p>
  
  <pre><code>&lt;html&gt;
  &lt;header&gt;
      &lt;meta name="viewport"
          content="width=device-width,initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" /&gt;
      &lt;link rel="stylesheet" href="file:///android_asset/style.css"
          type="text/css"&gt;
  &lt;/header&gt;
  &lt;body&gt;
      &lt;p&gt;This is a sample.&lt;/p&gt;
      &lt;br /&gt;
      &lt;p&gt;This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment This is a sample. this is a sample to test text alignment &lt;/p&gt;
      &lt;br /&gt;
      &lt;img align="center" class="centeraligned"
          src="file:///mnt/sdcard/Android/data/com.sample.sample/sample.jpg"
          height="600" width="630" /&gt;
      &lt;br /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If i set viewport content width=600 images looks fine. but text aligns to left.
  Am i missing any settings in viewport? </p>
  
  <p>P.S: Text alignment issue occurs only in Kindle Fire HD and Kindle Fire Classic.</p>