Wie in einer der anderen Antworten erwähnt, wird yes PhoneGap den Trick machen, wenn Sie sich entscheiden, Ihre App in HTML/CSS/JavaScript zu schreiben. Wenn Sie nun ein angenehmes Benutzererlebnis sowohl auf dem Smartphone- als auch auf dem Tablet-Betriebssystem haben möchten, würde ich Ihnen empfehlen, sich in Twitter Bootstrap umzusehen.
Dieses CSS-Framework verfügt über integrierte Responsive Web-Design-Stile, mit denen Sie Dinge von Tablet auf Smartphone benutzerfreundlich skalieren und verschiedene Teile Ihres HTML anzeigen/ausblenden können Benutzer sehen sich die Seite auf einem Tablet oder Smartphone an.
Insbesondere können Sie Dinge wie folgt vorgehen:
<div class="visible-tablet">
This will only be visible on tablets.
</div>
<div class="visible-phone">
This will only be visible on smart-phones.
</div>
Für eine vollständige Auflistung des Responsive Design Unterstützung bei Twitter Bootstrap, überprüfen ihre Abschnitt auf responsive design.
Sie können auch die Google Chrome Web Developer plugin ausprobieren, um Sie bei der Erstellung eines responsiven Web-Erlebnisses zu unterstützen. Mit diesem Plugin können Sie (unter anderem) sehen, wie Ihre Seite auf mehreren Geräteauflösungen aussehen wird, und es ist ein unschätzbares Werkzeug zum Debuggen auflösungsspezifischer Probleme.
Beachten Sie, dass, da Adobe dies zu Apache veröffentlicht, es jetzt Apache Cordova heißt. – marchaos
Oh ja. Danke für die Info. – akhilless
@Marchaos PhoneGap ist jetzt funktionell [Adobes Ableger des Open-soruce Cordova Projekts] (http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in- -ein Name/). – apsillers