title: image size as per the div size in the app
body: <p>I am working on a mobile app on phonegap.</p>
  
  <p>I have a scenario where people will be attaching images and uploading images.</p>
  
  <p>So whatever the div size is I want my image to take that much size regardless of it's original size.</p>
  
  <p>Below is chunk of the code</p>
  
  <pre><code>  &lt;div class="comment-div"&gt;
      &lt;h2&gt;User 2 &lt;span&gt;15 Aug 2016&lt;/span&gt;&lt;/h2&gt;
        &lt;p&gt;When we will be able to build a society of humans on Mars? &lt;/p&gt;
    &lt;/div&gt;
  
    &lt;div class="comment-div odd"&gt;
      &lt;h2&gt;User 1 &lt;span&gt;15 Aug 2016&lt;/span&gt;&lt;/h2&gt;
        &lt;p&gt;I think if you managed to keep your hand still in the bucket, you would suffer from significant muscle atrophy. &lt;/p&gt;
    &lt;/div&gt;
  
    &lt;div class="comment-div"&gt;
      &lt;img src="http://webcareinfoway.com/images/Web_pics/android-logo-transparent.png" alt="Smiley face"&gt;
     &lt;/div&gt; 
  
     &lt;div class="comment-div"&gt;
       &lt;img src="http://vectorlogo4u.com/wp-content/uploads/2015/09/Google-New-2015-logo-720x340.png" alt="Smiley face"&gt;
     &lt;/div&gt; 
  </code></pre>
  
  <p>Here's the <a href="https://jsfiddle.net/3aau3ks7/1/" rel="nofollow noreferrer">fiddle</a> for the same. Please help</p>