Medienabfragen für iPhone 6 und 6 Plus

Spezifische Medienabfragen können verwendet werden, um Geräte wie das iPhone 6 und 6 plus zu zielen. Diese Abfragen verwenden verschiedene Parameter, um die gezielten Geräte basierend auf ihren Bildschirmgrößen, Auflösungen und anderen Gerätespezifischen Eigenschaften genau zu identifizieren. angestellt:

landscape

@media nur Bildschirm und (min-device-width: 375px) und (Max-Device-Width: 667px) und (Orientierung: Landschaft) und (-webkit-min-device-pixel-ratio: 2) {}

• porträt

  @media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2) 
  { }

• Launch Images
  Portrait: 750 x 1334 (@2x)

  @media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px)
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2) 
  { }

  Landscape: 1334 x 750 (@2x)
• App Icon: 120 x 120
• iPhone 6 Plus Abfragen
für das iPhone 6 Plus verwenden Sie diese Medienabfragen:

Landscape

@Media Only Bildschirm und (min-device-width: 414px) und (Max-Device-Width: 736px) und (Orientierung: Landschaft) und (-webkit-min-device-pixel-ratio: 3) {}

• porträt

  @media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
  { }

• Launch Images
  Portrait: 1242 x 2208 (@3x)

  @media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px)
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2) 
  { }

  Landscape: 2208 x 1242 (@3x)
• App Icon: 180 x 180
• General Queries for iPhone 6 and 6 Plus
, um sowohl iPhone 6 als auch 6 plus Geräte abzurichten. und (Max-Device-Width: 640px), Nur Bildschirm und (Max-Device-Breite: 667px), Nur Bildschirm und (max. Width: 480px) {}

Gerätevorhersage für zukünftige Veröffentlichungen

Apple hat begrenzte Informationen zu zukünftigen Geräten wie dem iPhone 7 und Apple Watch veröffentlicht. Basierend auf dem iPhone 6 und 6 Plus -Spezifikationen und der Annahme ähnlicher Namenskonventionen können die folgenden Medienfragen in der Zukunft nützlich sein:

@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px)
{ }

iPhone 7 (vorhergesagt): @Media Screen und (min-device-width: 1080px) und (Max-Device-Width: 1920px) und (min-Auflösung: 401DPI) und (Geräte-Aspekt-RATIO: 16/9) {} @media Bildschirm und (min-device-width: 750px) und (Max-Device-Width: 1334px) und (min-Auflösung: 326DPI) Ner (Max-Device-Width: 42 mm) und (min-Device-Width: 38 mm) {}