Ustaw zawartość na skalę i dopasuj za pomocą PhoneGap (używając widoku)

Question

Apr 10, 2013, 02:28 PM

Ustaw zawartość na skalę i dopasuj za pomocą PhoneGap (używając widoku)

Próbuję dostosować i przenieść stary projekt do PhoneGap.

Jak dotąd projekt działa poprawnie pod przeglądarkami Android, ale nie działa z PhoneGap, ponieważ nie dostosowuje treści do całego ekranu. Zawsze pozostawia puste miejsce, a tego nie chciałbym. PhoneGap wydaje się nie zwracać uwagi na moją właściwość viewport w metatagu, którego używam.

Robiłem kilka testów, aby dowiedzieć się o problemie bez żadnego rezultatu.

Na przykład poniższy test zawiera tylko dwa pliki: index.html i config.xml

Zawiera DIV o szerokości 276 pikseli i chciałbym, aby PhoneGap pasował do całej strony, tak jak robią to przeglądarki Android.

Przy okazji, używam strony internetowej PhoneGap Build, aby zbudować ten test online.

Oto zawartość pliku index.html (nie używam DOCTYPE, aby go uprościć, ale nawet użycie go nie będzie działać poprawnie):

<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>

I to jest zawartość pliku config.xml (zwróć uwagę, że preferencja EnableViewportScale jest ustawiona na „prawda”, ale nawet ustawienie „tak” nie zadziała):

<?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>

A więc to jest. Czy jest coś, co robię źle? Jak mogę archiwizować to, co próbuję zrobić? Jestem pewien, że powinno mieć całkiem proste rozwiązanie, ale nie mogę go teraz znaleźć.

Z góry dziękuję i przepraszam za mój angielski, to nie jest mój język ojczysty.

Pozdrawiam, Joan