@Medien Abfrage funktioniert nicht beiiPhone 5 und iPad 4 OS. Ich habe folgendes benutztCSS zum Gestalten jedes Betriebssystems und Geräts für einen anderen Bildschirm.

Ich habe die Breite und Höhe meines iPads und iPhones explizit überprüft und basierend darauf habe nur ich die Medienabfragen beibehalten. Das funktioniertfein unter ANDROID OS.

/*@media print {*/
/* iPhone 5 (Portrait) */
@media screen and (max-device-height: 568px) and (orientation: portrait) {
     #map_canvas {
        border: 1px dashed #C0C0C0; 
        width: 290px;
        height: 473px;
      }
}

/* iPad 4 (Portrait) */
@media screen and (max-device-height: 1024px) and (orientation: portrait) {
 #map_canvas {
    border: 1px dashed #C0C0C0; 
    width: 735px;
    height: 929px;
  }
}

/* iPad 4 (Landscape) */
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
  #map_canvas {
    border: 1px dashed #C0C0C0;
    width: 990px;
    height: 673px;
  }
}

/* Samsung 10.1 inch (Portrait) */
@media screen and (max-device-height: 1280px) and (orientation: portrait) {
 #map_canvas {
    border: 1px dashed #C0C0C0; 
    width: 790px;
    height: 1140px;
  }
}

/* Samsung 10.1 inch (Landscape) */
@media screen and (max-device-width: 1280px) and (orientation: landscape) {
 #map_canvas {
    border: 1px dashed #C0C0C0; 
    width: 1230px;
    height: 680px;
  }
}

/* Samsung 7.0 inch (Portrait) */
@media screen and (max-device-height: 1024px) and (orientation: portrait) {
 #map_canvas {
    border: 1px dashed #C0C0C0; 
    width: 570px;
    height: 875px;
  }
}

/* Samsung 7.0 inch (Landscape) */
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
  #map_canvas {
    border: 1px dashed #C0C0C0;
    width: 990px;
    height: 455px;
  }
}

@media all and (orientation: landscape) {
  html, body {
    height: auto;
  }
}

Jedes Mal, wenn ich mit verschiedenen Änderungen am obigen Code getestet habe, erhalte ich das LETZTE CSS, das für die Anwendung des Stils empfohlen wird.

Ich habe einen Link gefunden (den ich noch nicht ausprobiert habe, aber gleich ausprobieren werde, sobald der Mac verfügbar ist), habe aber auch eine Frage dazu (Fragen zu iPhone / iPad-Medien). Kann mir jemand den Grund erklären, warum es in diesem Fall auf das Pixelverhältnis ankommt?