Ich weiß, das wurde gefragt, aber ich bin immer noch verwirrt.
Ich versuche eine einfache Seite für das iPhone zu erstellen: Logo oben, Telefonnummer, Adresse und eine BG, die den ganzen Bildschirm einnimmt (keine Wiederholung).
Wenn ich ein Skript ausgeführt habe, das die Bildschirmbreite und Bildschirmhöhe gedruckt hat, habe ich: 320px * 480px.
Wenn ich jedoch ein div dieser exakten Dimensionen erstellt habe, ist es winzig. Was gibt? Sollte eine Box, die die gesamte Größe der erkannten Auflösung hat, nicht den gesamten Bildschirm einnehmen?
Wenn ich also eine Seite für das iPhone entwerfe und ich möchte, dass sie in Safari (auf dem iPhone) den gesamten Bildschirm einnimmt, für welche Auflösung sollte ich genau entwerfen?
Ich verwende ein iPhone 3G mit iOS 4.0 als Testgerät.
Danke für jede Hilfe.
Sie benötigen das Viewport-Meta-Tag, um dem iPhone mitzuteilen, dass Ihre Website speziell dafür entworfen wurde.
Verwenden Sie dies:
%Vor%Sie können die Skalierungsoptionen ändern, wenn der Benutzer zoomen usw. müssen.
Auch wenn Sie möchten, dass Ihre App auch im Querformat funktioniert, können Sie die Breite auf 100% setzen.
%Vor%Das Problem ist, dass das iPhone versucht, es selbst zu skalieren. Wenn Sie dieses Tag in den Kopf Ihrer Seite einfügen, wird es dem Telefon sagen "Mach dir keine Sorgen, ich kümmere mich um die Größe des Inhalts" und zwinge den Bildschirm zu einem 1: 1-Verhältnis.
%Vor%Die anderen Antworten sind korrekt, dass Sie das Ansichtsfenster konfigurieren müssen.
Die offizielle Apple-Dokumentation zu diesem Thema finden Sie hier:
Es lohnt sich, das ganze Dokument zu lesen Es ist eine Menge der Beschreibung des Viewport-Tags (komplett mit Bildern!), es hat auch viele andere nützliche Tipps für das Targeting von Webseiten auf das iPhone.
Es hängt davon ab, welches iPhone. Das Original, 3G und 3GS sind 320x480, das 4.0 ist doppelt so hoch, bei 640x960. Wenn Sie für die höhere Auflösung entwerfen, werden die älteren Telefone um 50% verkleinert und es sollte gut aussehen.
Vielleicht möchten Sie auch mithilfe von Medienabfragen das iPhone-Erlebnis optimieren. Es gibt mehr darüber in diesem Blog posten .
Versuchen Sie in MonoTouch
%Vor%mit diesen Methoden
%Vor%Tags und Links iphone mobile-safari resolution screen