PhoneGap: Scaling eine Webseite mit Ansichtsfenster

7

Ich erstelle einen schnellen Prototyp einer App, die wir bei der Arbeit erstellen werden, damit wir einige Funktionen schnell testen können.

Mein Designer hat meine Bilder mit einer Breite von 640 Pixeln erstellt, um die Auflösung des iPhone 5 zu erreichen. Um die Dinge einfach und schnell zu machen, habe ich dieses Viewport-Tag verwendet:

%Vor%

Dies funktioniert perfekt in mobilen Safari, aber jetzt, da ich es in PhoneGap eingewickelt habe, verhält es sich so, als ob die Skala auf 1 gesetzt wäre. Irgendwelche Gedanken darüber, was ich tun muss, um das zu beheben?

Danke.

    
gokujou 22.03.2013, 20:11
quelle

3 Antworten

21

Ich habe es gefunden. Es gibt eine 'config.xml' im Stammverzeichnis des Projekts. Einstellung dieser Zeile:

%Vor%

Um "wahr" zu sein, wie mein Schnipsel hier zeigt, hat die App korrekt skaliert, wie sie es online getan hat.

    
gokujou 22.03.2013, 20:31
quelle
1

gerade getestet, Präferenz ist keine vollständige Lösung, tun Sie Folgendes:

config.xml: Präferenzname="EnableViewportScale" value="true" / & gt;

Hauptaktivität, aktivieren Sie das Ansichtsfenster in den Einstellungen AFTER loadurl:

%Vor%     
user3110285 21.12.2013 09:42
quelle
-2

Ich sehe oben einen möglichen Fehler. Vielleicht können meine besseren kommentieren.

1) Der anfängliche Fragesteller scheint skalieren zu wollen. Am Ende der Zeile steht "user-scalable = no" . Dies könnte zu keiner Skalierung führen - Skalierung um 100%. Mit Browsern können Sie skalieren, egal was, oder? Also Safari-Ergebnis war ein Ablenkungsmanöver. Auch die Anfangs- und die Höchstskala sind gleich.

%Vor%

2) Laut Sebastions Antwort ist der korrekte Wert möglicherweise "50" und nicht "0,5".

    
GraceGuy 03.05.2015 10:02
quelle

Tags und Links