Ich war in der Lage, eine Website ordnungsgemäß für Geräte mit einem Online-resonsive Design-Tester und die css-Erklärung, zum Beispiel, @media only screen and (max-width: 480px) {
, aber beim Testen der Website auf einem tatsächlichen iphone diese css-Deklarationen sind nicht zu formatieren berechnet vom Browser.Korrekte Medien Abfrage Syntax CSS Iphone
Ich habe auch versucht max-device-width
und habe die Anfangsskala auf <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>.
eingestellt Ich habe auch die vorherige Erklärung ohne die anfängliche Skalierung versucht.
Ich habe auch versucht: @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
auch: only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
Nichts davon hat funktioniert noch das iPhone zielen. Was vermisse ich, um erfolgreich ein iphone 3/4 anzusprechen?
Versuchen Sie, die Media-Abfragen an der Unterseite Ihres Stylesheet zu platzieren, ich weiß, ich hatte das gleiche Problem vor und das, es seltsamerweise zu beheben. Sie können die Abfragen auch mit solchen Tools wie diesem testen: http://quirktools.com/screenfly/ –