PhoneGap: das verkleinern einer Webseite mit viewport
Ich bin die schnelle Erstellung von Prototypen für eine App, die wir bauen, werden bei der Arbeit, damit wir tun können, eine schnelle Benutzer-test auf einige Funktionen.
Mein designer erstellt meine Bilder auf 640px Breite entsprechend der Auflösung des iPhone 5. So machen Sie die Dinge einfach und schnell habe ich dieses viewport-tag:
<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no">
Diese Arbeit perfekt in mobile Safari aber jetzt, dass ich wickelte es in PhoneGap verhält es sich, wie der Maßstab auf 1 gesetzt ist. Irgendwelche Gedanken darüber, was ich tun muss um dies zu beheben?
Danke.
- Die maximale Skalierung vielleicht nicht notwendig, aber es ist in meinem snippet so ließ ich es in.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Habe ich es gefunden. Es ist ein 'config.xml" in der Wurzel des Projekts. Die Einstellung dieser Linie:
Werden, wahr ' wie mein snippet zeigt hier, der app richtig skaliert, wie es online.
gerade getestet, Vorliebe nicht komplette Abwicklung, tun Sie Folgendes:
config.xml:
preference name="EnableViewportScale" value="true" />
Haupttätigkeit, aktivieren Sie die Ports in den Einstellungen NACH loadurl:
Sehe ich vor einem möglichen Fehler. Vielleicht ist meine bessere Kommentare abgeben können.
1) Der ursprüngliche Fragesteller scheint zu wollen, zu skalieren. Am Ende der Zeile Staaten "user-scalable=no". Dies könnte dazu führen, keine Skalierung - Skalierung 100%. Browser lassen Sie skalieren, egal was, richtig? Also Safari Ergebnis war ein Ablenkungsmanöver.
Auch die inital-und maximum-Skalierung der gleiche.
2) Nach Sebastions Antwort, vielleicht ist der richtige Wert "50" nicht "0.5".