Das Hauptteil ist 600 Pixel breit. Nach meinem Verständnis ist ein iPhone 5 640 Pixel breit. Aber wenn ich die Website auf dem iPhone 5 hochziehe, nimmt das Hauptdiv nur einen kleinen Teil des Bildschirms ein, vielleicht ein Drittel. Warum das?Warum schrumpft meine Website für Handys?
Also habe ich IOS Inhalt schrumpfen zu sehen, so dass die ganze Seite auf dem Bildschirm des Telefons angezeigt wird, wenn CSS-Transformationen verwenden.
So war der säumige css
background: url('/images/mobile-device-down-arrow.gif') no-repeat center;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg) scale(1);
wir es mit
background: url('/images/mobile-device-up-arrow.gif') no-repeat center;
und das Problem behoben ersetzt.
Ich erinnere mich an einen Fehler in Webkit, aber ich kann es jetzt nicht finden.
Verwenden Sie css-transform? Wie ein Bild drehen. – Fran
Wahrscheinlich. Es ist mit der Raphael-Bibliothek gebaut, die eine Javascript-Schnittstelle bietet, um DOM-Elemente mächtiger als jQuery zu manipulieren. – DJG