title: How to display image based on the screen size of the device?
body: <p>I am building a mobile app in PhoneGap using  HTML5,CSS3, Javascript and Jquery-mobile. </p>
  
  <p>I have an html page with an img element to display an image. The problem i am facing is that with diffrent screen size it does not display based on the screen but the actual size of the image causing images to be displayed half. Is there a way i can automate this process so that it will display based on the screen size of the device ?</p>
  
  <pre><code>&lt;img src="img\following_followers.png" alt="" &gt;
  </code></pre>