Ich habe einige div s als Kopfzeilen auf einer Seite und dann Text darunter. Wenn ich das Telefon auf die Seite drehe, wird der Text plötzlich aufgebläht, obwohl es dafür kein CSS gibt.Warum macht das iPhone meinen Text groß, wenn ich ihn umblättere?
Was könnte das tun?
Wenn das iPhone in Porträt gehalten wird, hat sie eine Breite von 320 Pixeln (oder 640 auf dem iPhone 4). Wenn es horizontal gehalten wird, beträgt seine Breite 480 Pixel. Der "Zoom" -Effekt, den Sie beschreiben, ist, dass MobileSafari den Text für die größere Breite neu zeichnet. Rechts
Versuchen Sie das Ansichtsfenster mit dem folgenden Meta-Tag Einstellung:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
Hoffnung, das hilft. Es hat mir geholfen, eine konsistente mobile Seite zu bekommen.
Bob
danke für die Antwort .... Versucht dies und jetzt zeichnet es den Text größer und dann wieder größer, wenn ich es klappe .... HELFEN Sie jemand bitte Projekttermin morgen! !!! – Exitos
Ich habe es ...
Im Grunde, auch wenn ich die Darstellungs Schlichten setzen es noch vermasselt. Um dieses Geschehen zu stoppen, habe ich die Elemente in ein div mit einer festen Breite von 320px platziert.
diese Weise die Textgröße in der gleichen Größe div ist, wenn horizontal oder nicht ..
Prost Pete
ich herausfinden, dass Text, wenn div genug Platz für großen inneren Text hat größer. Wenn div jedoch ein Inline-Element ist oder keinen freien Platz hat, wird der Text nach der Drehung des iPhones nicht skaliert.
Screenshots oder Code wäre hier nützlich ... – BoltClock