Comment obtenir la taille de l'écran, de la fenêtre du navigateur et de la page web elle-même en JavaScript ?

Bonjour à tous ! Je suis débutant en JavaScript et je crée un site responsive. J'ai besoin que certains éléments s'adaptent aux dimensions de l'appareil de l'utilisateur. Mais je me suis embrouillé dans les termes : que sont screen, window et document ? Et comment obtenir leurs dimensions exactes ? Par exemple, j'ai écrit ce code : ```javascript console.log('screen width:', screen.width); console.log('window inner width:', window.innerWidth); console.log('document width:', document.width); ``` Mais `document.width` renvoie `undefined`, et `screen.width` semble ne pas donner ce que j'attends. J'ai un ordinateur portable avec un écran Full HD (1920×1080), mais `screen.width` affiche 1536, et `window.innerWidth` — 1519 (avec la fenêtre maximisée). Pourquoi cela ? Et comment obtenir correctement la largeur et la hauteur de la page web elle-même (y compris le défilement) ? Je veux comprendre la différence entre ces trois concepts et savoir quelles propriétés utiliser dans différentes situations. Je serais reconnaissant pour une explication détaillée avec des exemples qui fonctionnent dans tous les navigateurs (Chrome, Firefox, Safari).