Phonegap App Bildschirm Dichte ist zu niedrig in iPad und schwarzen Rand Ausgabe

Question

Ich habe eine App mit Phonegap gebaut. Es sieht auf allen iPhone Bildschirmgrößen (im Simulator) gut aus, aber ich kann nicht scheinen, die hässliche schwarze Grenze loszuwerden. Auch der Bildschirm der App, der innerhalb der Grenze angezeigt wird, sieht so aus, als wäre er weit hineingezoomt und ich kann nicht einmal bis zum Ende der Seite scrollen.

Hier ist ein Screenshot davon:

Ich weiß, es hat etwas mit diesem Tag in meiner Datei index.html zu tun:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"/> 

Ich kann nicht scheinen zu Erhalte die richtigen Einstellungen. Hinweis, ich habe bereits versucht, dies zu verwenden: target-densitedpi = medium-dpi wie auf einer anderen ähnlichen Frage in diesem Forum vorgeschlagen, aber das hat nicht funktioniert (auch sein Problem war nicht genau das gleiche wie meins)

Hinweis, dies screenshot ist vom 9.7-Zoll-Bildschirm, aber ich würde gerne eine Lösung, die für den größeren iPad-Bildschirm arbeiten würde und auch nicht für die iPhone-Bildschirme brechen.

Dank im Voraus ...

Answer 1

in Ihrer config.xml Datei benötigen Sie beide Handys Art zu ermöglichen.

Sie höchstwahrscheinlich haben derzeit:

<preference name="target-device" value="handset"/> 

oder Sie keine Präferenz für Zielgerät überhaupt haben. Sie müssen einen Eintrag machen oder ändern Sie den Eintrag oben auf:

<preference name="target-device" value="universal"/> 

auf diese Weise die Build wird sowohl mit iPad und iPhone-Geräten kompatibel sein.

Answer 2

Versuchen Sie den folgenden Meta-Tag:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

ich denke, Sie falsch gesetzt haben width