Haga el contenido a escala y ajuste con PhoneGap (usando viewport)

Estoy tratando de adaptar y portar un proyecto antiguo a PhoneGap.

Hasta ahora, el proyecto funciona correctamente en los navegadores de Android, pero no con PhoneGap, ya que no adapta el contenido para que se ajuste a toda la pantalla. Siempre deja un espacio en blanco y eso no es lo que me gustaría. PhoneGap no parece prestar atención a la propiedad de mi ventana gráfica en el metatag que estoy usando.

He estado haciendo algunas pruebas para descubrir el problema sin ningún tipo de resultado.

Por ejemplo, la siguiente prueba solo contiene dos archivos: index.html y config.xml

Contiene un DIV que tiene un ancho de 276 píxeles y me gustaría que PhoneGap lo ajustara a toda la página como hacen los navegadores de Android.

Por cierto, estoy usando el sitio web PhoneGap Build para desarrollar esta prueba en línea.

Aquí está el contenido del archivo index.html (no estoy usando DOCTYPE para hacerlo más simple, pero incluso su uso no funcionará correctamente):

<html>
    <head>
        <meta name="viewport" content="width=276, user-scalable=yes" />
        <title>Title</title>
    </head>
    <body>
        <div style="width:276px; background-color:orange;">I want to make this div fit to the page</div>
    </body>
</html>

Y este es el contenido del archivo config.xml (tenga en cuenta que la preferencia EnableViewportScale establecida en "true", pero incluso en "yes" no funcionará):

<?xml version="1.0" encoding="UTF-8" ?>
<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">

    <!-- versionCode is optional and Android only -->

    <name>PhoneGap Example</name>

    <description>
        An example for phonegap build docs. 
    </description>

    <author href="https://build.phonegap.com" email="[email protected]">
        Hardeep Shoker 
    </author>

    <preference name="EnableViewportScale" value="true" />
</widget>

Así que eso es. ¿Hay algo que estoy haciendo mal? ¿Cómo puedo archivar lo que estoy tratando de hacer? Estoy seguro de que debería tener una solución bastante simple, pero no puedo encontrarla ahora mismo.

Muchas gracias de antemano y perdón por mi inglés, no es mi idioma nativo.

Saludos, Joan

Respuestas a la pregunta(2)

Su respuesta a la pregunta