2010-12-07 4 views
5

Ich veröffentliche ein kostenloses Buch online im HTML5-Format und ich sagte, es wäre toll, wenn ich es für das iPad optimieren könnte, auch wenn ich keins habe.Wie forciere ich iPad Safari, um meine Webseite im Hochformat nicht zu verkleinern?

Also fing ich an, an dem Design zu arbeiten und diese Idee war die ganze Zeit in meinem Kopf. Ich habe das Design nur für den iPad-Bildschirm im Hochformat erstellt, dann habe ich versucht, es zu testen, und ich habe entdeckt, dass Safari die gesamte Website verkleinert, um Seiten in den Bildschirm zu passen, die mein Design schraubten und mich sauer machten tue zu viel Recherche) und Apple lässt mich keinen iPad Emulator haben, weil ich keinen Mac habe !!

Wie auch immer ... gibt es eine Möglichkeit, wie ich Safari zwingen könnte, dieses Verhalten zu ignorieren und meinen Lesern das 1: 1-Design zu überlassen? etwas wie CSS-Medienabfrage oder etwas Javascript?

http://mmahgoub.com/thebook/foreword.html

Dank

Antwort

17

Try

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

im Kopf addieren.

+1

Dies wird die (manchmal unglücklich) Nebeneffekt verursacht iPhones müssen nicht in der Lage den Inhalt größer, um es zu vergrößern, es zu lesen. – LocalPCGuy

+0

Funktioniert gut für Vollbild-Karten! – CrazyTim

+0

Wenn der Zoom deaktiviert wird, ist das kein Nebeneffekt. '" user-scalable = no "' verhindert dies. Wenn Sie möchten, dass der Zoom intakt bleibt, lassen Sie diesen Teil einfach weg. –

-1

Hier ist ein Online-iPad-Simulator, den Sie verwenden können. Es ist nicht Xcode, aber es ist trotzdem nützlich.

http://ipadpeek.com/

+5

Diese "iPad Simulator-Website" ist nichts anderes als ein iFrame mit einer Haut, es tut kein spezifisches iPad CSS und macht völlig verschieden. Nur damit Sie wissen, könnte es dort großartig funktionieren, aber auf dem iPad selbst ganz anders. – Matthijn