JavaScript में स्क्रीन, ब्राउज़र विंडो और वेब पेज का आकार कैसे प्राप्त करें?

सभी को नमस्ते! मैं JavaScript में नौसिखिया हूँ और एक रिस्पॉन्सिव वेबसाइट बना रहा हूँ। मुझे कुछ एलिमेंट्स को उपयोगकर्ता के डिवाइस के आकार के अनुसार एडजस्ट करने की आवश्यकता है। लेकिन मैं टर्म्स में उलझ गया हूँ: screen, window और document क्या हैं? और उनके सटीक आकार कैसे प्राप्त करें?\n\nउदाहरण के लिए, मैंने यह कोड लिखा:\n\n```javascript\nconsole.log('screen width:', screen.width);\nconsole.log('window inner width:', window.innerWidth);\nconsole.log('document width:', document.width);\n```\n\nलेकिन `document.width` `undefined` लौटाता है, और `screen.width` जैसा मैं उम्मीद करता हूँ वैसा नहीं दिखाता। मेरे पास Full HD स्क्रीन (1920×1080) वाला लैपटॉप है, लेकिन `screen.width` 1536 देता है, और `window.innerWidth` — 1519 (जब विंडो मैक्सिमाइज़ हो)। ऐसा क्यों? और वेब पेज की चौड़ाई और ऊँचाई (स्क्रॉलिंग सहित) सही तरीके से कैसे प्राप्त करें?\n\nमैं समझना चाहता हूँ कि