मुझे आश्चर्य है कि मीडिया क्वेरी की अधिकतम-चौड़ाई दृश्य पोर्ट आकार या विंडोज़ आकार से संबंधित है या नहीं?मीडिया क्वेरी अधिकतम-चौड़ाई दृश्य पोर्ट आकार या विंडोज़ आकार से संबंधित है?
@media screen and (max-width: 360px){}
इस मीडिया क्वेरी कार्रवाई में हो जाएगा जब दृश्य पोर्ट आकार 360px या विंडो आकार 360px है:
उदाहरण के लिए, मैं इस मीडिया प्रश्न हैं?
यह व्यूपोर्ट है। यह spec:
'चौड़ाई' मीडिया सुविधा आउटपुट डिवाइस के लक्षित प्रदर्शन क्षेत्र की चौड़ाई का वर्णन करती है। निरंतर मीडिया के लिए, यह व्यूपोर्ट की चौड़ाई है (जैसा सीएसएस 2, सेक्शन 9.1.1 [सीएसएस 21] द्वारा वर्णित है) जिसमें एक रेंडर स्क्रॉल बार (यदि कोई है) के आकार शामिल हैं।
यह मुख्य ब्राउज़र व्यूपोर्ट, जैसे कि फ़्रेमसेट और आईफ्रेम के भीतर उप-व्यूपोर्ट पर भी लागू होता है। तो अगर एक आईफ्रेम की चौड़ाई 360 पीएक्स या उससे कम है, तो आपकी मीडिया क्वेरी उस आईफ्रेम के भीतर भी लागू होगी।