आईओएस पर लैंडस्केप मोड में <मेटा नाम = "व्यूपोर्ट" सामग्री = "चौड़ाई = डिवाइस-चौड़ाई"> क्या करता है?

Question

मैं आईओएस पर स्केलिंग विशेषताओं को समझने की कोशिश कर रहा हूं।

1. Apple's Developer Docs के अनुसार

   , <meta name="viewport" content="width=device-width"> घोषित आईओएस बता एक 1 के लिए एक वेबपेज पैमाने पर करने होंगे: 1 पिक्सेल अनुपात पृष्ठ लोड होने (पोर्ट्रेट मोड में)।

2. HTML5Boilerplate पर a presentation लोगों द्वारा के अनुसार (स्लाइड 13 देखें), device-width हमेशा की तरह, एक iOS डिवाइस की स्क्रीन के छोटे उपाय के अनुरूप होगा डिवाइस का अभिविन्यास की परवाह किए बिना।

3. इसलिए, यदि आप लैंडस्केप ओरिएंटेशन में डिवाइस धारण करते समय घोषणा के साथ आईओएस में कोई पृष्ठ लोड करते हैं, तो आईओएस दृश्य की चौड़ाई को स्क्रीन की ऊंचाई के अनुसार दिखाई देगा, जिसके परिणामस्वरूप 1.5: 1 (आईफोन 4 एस) या 2: 1 (आईफोन 5) पिक्सेल अनुपात।

क्या मैं सही हूं, या क्या मैं "चौड़ाई" और "डिवाइस-चौड़ाई" की परिभाषा को गलत समझ रहा हूं क्योंकि ऐप्पल उनका उपयोग करता है?

इसके अलावा, जब कोई आईओएस डिवाइस घुमाता है, तो व्यूपोर्ट क्या बनाए रखता है? यह चौड़ाई है, या यह पैमाने है? क्या यह मेटा सेटिंग्स पर निर्भर करता है?

Answer 1

एप्पल के डेवलपर डॉक्स के अनुसार: सूचना

"इसी तरह, अगर आप केवल व्यूपोर्ट चौड़ाई निर्दिष्ट, ऊंचाई और प्रारंभिक पैमाने पर आधारित हैं कि ... लैंडस्केप ओरिएंटेशन एक चौड़ाई के उपकरण-चौड़ाई बराबर का कहना है,। जो प्रारंभिक पैमाने को बदलता है और जब उपयोगकर्ता परिदृश्य अभिविन्यास में बदलता है तो ज़ूम करने का प्रभाव होता है। "

लेख में कहा गया है कि आईओएस डिवाइस के अभिविन्यास या घूर्णन के बावजूद समान व्यूपोर्ट सेटिंग रखता है।

here देखें, "कैसे सफारी चौड़ाई, ऊंचाई और प्रारंभिक स्केल इन्फर्स" के तहत।