Erstellen einer einfachen einseitigen Website zum Surfen auf dem iPhone

Question

Ich bin sehr neu im Webdesign und habe nur eine einfache Seite für meine iOS-App here gemacht. Ich möchte es nun so machen, dass wenn diese Seite auf einem iPhone geöffnet wird, die ganze Sache genug herausgezoomt wird, weil gerade jetzt die rechte Hälfte der Seite nicht angezeigt wird. Von meinem Verständnis und researchso far, muss ich Media-Abfragen verwenden und ein separates CSS-Stylesheet für mobile erstellen. Wie auch immer, für eine so einfache Seite sollte es eine einfachere Lösung mit Plug-and-Play-Code geben. Etwas, das aus einer einfachen bedingten Anweisung besteht, die überprüft, ob der Benutzer auf dem Handy ist, und wenn ja, gibt die neuen Dimensionen der Seite an. Ich weiß nicht wirklich etwas außer den Grundlagen von HTML, CSS und Javascript, wenn es um Web-Entwicklung geht, so einfache Erklärungen würden sehr geschätzt werden.

Answer 1

Ich denke, Sie müssen für http://www.jquerymobile.com gehen, es ist sehr gute Rahmen für das mobile Web.

Answer 2

Anstatt eine für Mobilgeräte spezifische Seite zu erstellen, möchten Sie möglicherweise mit dem viewport meta-tag experimentieren. Das Tag wird nicht von Desktop-Browsern verwendet, skaliert jedoch die Größe dessen, was Sie auf dem Bildschirm eines mobilen Geräts sehen. Sie können auch für weitere Informationen Apple's guidelines auschecken.