title: How to make device width-height based html & css via PhoneGap
body: <p>I am just getting started with designing a Mobile App with Html,Css,Js via PhoneGap and my first goal is to ensure that all the content fits perfectly on any given phone. So I wanna ask you guys if my approach is correct, and how should I implement it.</p>
  
  <p>My idea is to take the device Width and Heigh via JavaScript, I think there are some PhoneGap functions that return these values. Then I'll use this values to set the html  Width and Heigh(I think I should do this via onBodyLoad() function, correct me if wrong), this way I set up the html body to the device screen size, and then I position all the other elements via % instead of pixels.</p>
  
  <p>I also saw on on some random search, this line:</p>
  
  <pre><code>&lt;meta name="viewport" id="viewport"
   content="width=device-width, height=device-height,
   initial-scale=1.0, maximum-scale=1.0,
   user-scalable=no;" /&gt;
  </code></pre>
  
  <p>This looks like should work too, but Im not really sure if it does,and how it works.
  Soo...what do you guys think is the best approach to do this? maybe there is some other one Im not aware of? </p>
  
  <p>Thanks a lot for helping!</p>