iPhone 5 स्क्रीन आकार वी.एस. सीएसएस मीडिया क्वेरी

Question

संभव डुप्लिकेट:
iPhone 5 CSS media query

iPhone 5 तकनीक कल्पना राज्यों 640

द्वारा 1136 के आयाम मेरा प्रश्न यह है स्क्रीन,

परिदृश्य के लिए, एफएफ मैं अधिकतम- करने के लिए http://www.stephentgilbert.com/mediaqueries/#iPhone

आप व्याख्या कर सकते हैं 568px के उपकरण-चौड़ाई का उल्लेख क्यों कि काम करता है जब आयाम iPhone 5 साइट पर कहा गया है का कहना है कि चौड़ाई 1136px

होगा मुझे पता है मैं से कुछ के साथ मिश्रण कर रहा हूँ यहां बुनियादी बातों। अगर आप मुझे उचित स्पष्टीकरण प्रदान कर सकते हैं और शायद मुझे प्रासंगिक ऑनलाइन संसाधनों से लिंक कर सकते हैं तो मैं सराहना करता हूं।

Answer 1

रेटिना डिस्प्ले में स्टैंडर्ड डिस्प्ले के रूप में दो बार पिक्सल होते हैं, लेकिन आईओएस संकल्प को माप और स्क्रीन आउटपुट के लिए मानक डिस्प्ले के रूप में मानता है। यदि ऐसा नहीं होता है, तो वेबसाइटें बहुत छोटी दिखती हैं और ज़ूम आउट होती हैं।

Answer 2

आईफोन के रेटिना डिस्प्ले का मतलब है कि 1136x640 स्क्रीन 568x320 वर्चुअल पिक्सल का उपयोग करती है। प्रत्येक सीएसएस पिक्सेल चार भौतिक पिक्सल (2x2) से बना है।

चूंकि कोई भी जो मुझे "100px चौड़ा div यहां देता है" कहता है, सीएसएस में यह रेटिना डिस्प्ले जैसे उच्च-रिज़ॉल्यूशन डिवाइस पर आधे आकार में दिखाना चाहता है, यह भौतिक पिक्सल का उपयोग सीएसएस के रूप में नहीं करता है पिक्सल।