मेरी स्क्रीन और रिज़ॉल्यूशन जाँचें
स्क्रीन रिज़ॉल्यूशन, उपलब्ध आकार, व्यूपोर्ट, पिक्सेल अनुपात (DPI), कलर डेप्थ, ओरिएंटेशन और एक्सेसिबिलिटी प्राथमिकताएँ (कलर स्कीम, कम गति) देखें।
यह डिस्प्ले जाँच `screen` और `window` मेट्रिक्स पढ़ती है: रिज़ॉल्यूशन, उपलब्ध आकार, inner/outer व्यूपोर्ट, कलर डेप्थ, डिवाइस पिक्सेल अनुपात और ओरिएंटेशन। रेस्पॉन्सिव डिबगिंग, Retina/HDPI तुलना और पिक्सेल अनुपात का वेब लेआउट पर प्रभाव समझने के लिए उपयोगी — CheckProxy.org।
डिस्प्ले स्कैन हो रहा है…
डिस्प्ले स्कैन हो रहा है…
FAQ — स्क्रीन, रिज़ॉल्यूशन और DPI
ब्राउज़र में रिज़ॉल्यूशन, DPI, पिक्सेल अनुपात और व्यूपोर्ट के बारे में प्रश्न।
रिज़ॉल्यूशन स्क्रीन की चौड़ाई/ऊँचाई (`screen.width/height`) है। inner व्यूपोर्ट ब्राउज़र UI के बाद पेज सामग्री क्षेत्र — आमतौर पर पूर्ण स्क्रीन से छोटा।
पिक्सेल अनुपात एक CSS पिक्सेल को डिवाइस पिक्सेल से मैप करता है। Retina पर 2 का मान तेज़ छवियाँ देता है लेकिन अक्सर @2x एसेट चाहिए — स्क्रीन और UI जाँच के लिए महत्वपूर्ण।
कलर डेप्थ प्रति रंग चैनल बिट (अक्सर 24 या 30) है। पिक्सेल डेप्थ मेल खा सकता है या बफ़र जानकारी जोड़ सकता है — डिस्प्ले गुणवत्ता संकेत के रूप में उपयोगी।
फ़ोन और टैबलेट पर घुमाव कोण (0°, 90°, …) और पोर्ट्रेट/लैंडस्केप रेस्पॉन्सिव लेआउट और मीडिया क्वेरी सत्यापित करने में मदद करते हैं।
ये उपयोगकर्ता/OS संकेत हैं: गहरी या हल्की थीम और कम एनिमेशन। साइटें UI और एक्सेसिबिलिटी के लिए इन्हें पढ़ सकती हैं।