title: Make content to scale and fit with PhoneGap (using viewport)
body: <p>I am trying to adapt and port an old project to PhoneGap.</p>
  
  <p>So far, the project works properly under Android browsers but it doesn't with PhoneGap since it doesn't adapt the content to fit the whole screen. It always leave a blank space and that's not what I would want. PhoneGap doesn't seem to pay attention to my viewport property in the metatag I am using.</p>
  
  <p>I have been doing some tests to find out the problem without any kind of result.</p>
  
  <p>For example, the following test just contains two files: index.html and config.xml</p>
  
  <p>It contains a DIV that is 276 pixels width and I would want PhoneGap to make it fit the whole page as the Android browsers do.</p>
  
  <p>By the way, I am using PhoneGap Build web site to build this test online.</p>
  
  <p>Here is the content of the index.html file (I am not using DOCTYPE to make it simpler but even using it won't work properly):</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta name="viewport" content="width=276, user-scalable=yes" /&gt;
          &lt;title&gt;Title&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div style="width:276px; background-color:orange;"&gt;I want to make this div fit to the page&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is the content of the config.xml file (note the preference EnableViewportScale set to "true", but even being set to "yes" won't work):</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8" ?&gt;
  &lt;widget xmlns = "http://www.w3.org/ns/widgets"
          xmlns:gap = "http://phonegap.com/ns/1.0"
          id        = "com.phonegap.example"
          versionCode="10" 
          version   = "1.0.0"&gt;
  
      &lt;!-- versionCode is optional and Android only --&gt;
  
      &lt;name&gt;PhoneGap Example&lt;/name&gt;
  
      &lt;description&gt;
          An example for phonegap build docs. 
      &lt;/description&gt;
  
      &lt;author href="https://build.phonegap.com" email="support@phonegap.com"&gt;
          Hardeep Shoker 
      &lt;/author&gt;
  
      &lt;preference name="EnableViewportScale" value="true" /&gt;
  &lt;/widget&gt;
  </code></pre>
  
  <p>So that is. Is there anything that I am doing wrong? How can I archieve what I am trying to do? I am sure it should have a pretty simple solution but I can't find it right now.</p>
  
  <p>Thank you very much in advance and sorry about my English, it's not my native language.</p>
  
  <p>Cheers,
   Joan</p>