निराकरण: स्क्रीन रुंदी असल्यास

स्क्रीनच्या रुंदीशी संबंधित मुख्य समस्या ही आहे की सर्व उपकरणांवर चांगले दिसणारे लेआउट तयार करणे कठीण होऊ शकते. उदाहरणार्थ, जर तुम्हाला डेस्कटॉप संगणकावर चांगले दिसणारे लेआउट हवे असेल तर ते फोन किंवा टॅबलेटवर चांगले दिसणार नाही.

 is less than 768px

if (screen.width < 768) {
    // do something
}

हा कोड स्क्रीनची रुंदी 768px पेक्षा कमी आहे का ते तपासत आहे. जर ते असेल, तर ते कुरळे ब्रेसेसच्या आत कोड कार्यान्वित करेल.

JavaScript स्क्रीन गुणधर्म

JavaScript मध्ये, स्क्रीन गुणधर्मांचा वापर वर्तमान स्क्रीनबद्दल माहिती मिळविण्यासाठी केला जातो. window.screen गुणधर्म वापरून स्क्रीन गुणधर्मांमध्ये प्रवेश केला जाऊ शकतो. खालील सारणी JavaScript मधील सर्वात सामान्य स्क्रीन गुणधर्मांची सूची देते.

स्क्रीन मालमत्तेचे वर्णन

window.screen.width वर्तमान स्क्रीनची रुंदी पिक्सेलमध्ये.

window.screen.height वर्तमान स्क्रीनची उंची पिक्सेलमध्ये.

window.screen.depth वर्तमान स्क्रीनची खोली पिक्सेलमध्ये (0 = पृष्ठभाग, 1 = बिटमॅप).

JavaScript सह स्क्रीनचा प्रकार

स्क्रीनचा प्रकार जावास्क्रिप्ट आहे.