] ये क्वेरी विभिन्न मापदंडों का उपयोग उनके स्क्रीन आकार, संकल्प और अन्य डिवाइस-विशिष्ट विशेषताओं के आधार पर लक्षित उपकरणों की सही पहचान करने के लिए करते हैं। नियोजित:

लैंडस्केप

@मीडिया केवल स्क्रीन और (मिन-डिवाइस-चौड़ाई: 375px) और (अधिकतम-डिवाइस-चौड़ाई: 667px) और (अभिविन्यास: परिदृश्य) और (-webkit-min-device-pixel-ratio: 2) {}

चित्र

@मीडिया केवल स्क्रीन और (मिन-डिवाइस-चौड़ाई: 375px) और (अधिकतम-डिवाइस-चौड़ाई: 667px) और (अभिविन्यास: चित्र) और (-webkit-min-device-pixel-ratio: 2) {… Queries

iPhone 6 प्लस के लिए, इन मीडिया प्रश्नों का उपयोग करें:

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

  लैंडस्केप
• @मीडिया केवल स्क्रीन और (मिन-डिवाइस-चौड़ाई: 414px) और (अधिकतम-डिवाइस-चौड़ाई: 736px) और (अभिविन्यास: परिदृश्य) और (-webkit-min-device-pixel-ratio: 3) {}

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

  चित्र
• @मीडिया केवल स्क्रीन और (मिन-डिवाइस-चौड़ाई: 414px) और (अधिकतम-डिवाइस-चौड़ाई: 736px) और (अभिविन्यास: चित्र) और (-webkit-min-device-pixel-ratio: 3) {}
• लॉन्च छवियों
• चित्र: १२४२ x २२० ((@३x)

लैंडस्केप: २२०8 x १२४२ (@@३x) 6 और 6 प्लस

दोनों iPhone 6 और 6 प्लस डिवाइस को लक्षित करने के लिए, आप निम्नलिखित क्वेरी का उपयोग कर सकते हैं:

@मीडिया केवल स्क्रीन और (अधिकतम-डिवाइस-चौड़ाई: 640px), केवल स्क्रीन और (अधिकतम-डिवाइस-चौड़ाई: 667px), केवल स्क्रीन और (अधिकतम-चौड़ाई: 480px) {}

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

• Apple ने भविष्य के उपकरणों के बारे में सीमित जानकारी जारी की है, जैसे कि iPhone 7 और Apple वॉच। हालांकि, iPhone 6 और 6 प्लस विनिर्देशों के आधार पर और समान नामकरण सम्मेलनों को मानते हुए, निम्नलिखित मीडिया प्रश्न भविष्य में उपयोगी हो सकते हैं:

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

iPhone 7 (भविष्यवाणी):
@मीडिया स्क्रीन और (मिन-डिवाइस-चौड़ाई: 1080px) और (अधिकतम-डिवाइस-चौड़ाई: 1920px) और (मिन-रिज़ॉल्यूशन: 401DPI) और (डिवाइस-एक्सपेक्ट-अनुपात: 16/9) {} @Media स्क्रीन और (मिन-डिवाइस-चौड़ाई: 750px) और (अधिकतम-डिवाइस-चौड़ाई: 1334px) और (मिन-रिज़ॉल्यूशन: 326DPI) {}
• Apple वॉच (सट्टा):
४० मिमी -४२ मिमी के आसपास एक स्क्रीन का आकार मान लेना:

@मीडिया (मैक्स-डिवाइस-चौड़ाई: 42 मिमी) और (मिन-डिवाइस-चौड़ाई: 38 मिमी) {}