Cómo obtener el tamaño de la pantalla, la ventana del navegador y la propia página web en JavaScript?

¡Hola a todos! Soy nuevo en JavaScript y estoy haciendo un sitio responsive. Necesito que algunos elementos se adapten al tamaño del dispositivo del usuario. Pero me confundo con los términos: ¿qué son screen, window y document? ¿Y cómo obtener sus tamaños exactos? Por ejemplo, escribí este código: ```javascript console.log('screen width:', screen.width); console.log('window inner width:', window.innerWidth); console.log('document width:', document.width); ``` Pero `document.width` devuelve `undefined`, y `screen.width` parece mostrar algo que no espero. Tengo un portátil con pantalla Full HD (1920×1080), pero `screen.width` da 1536, y `window.innerWidth` da 1519 (con la ventana maximizada). ¿Por qué ocurre esto? ¿Y cómo obtener correctamente el ancho y alto de la propia página web (incluyendo el scroll)? Quiero entender la diferencia entre estos tres conceptos y saber qué propiedades usar en diferentes situaciones. Agradecería una explicación detallada con ejemplos que funcionen en todos los navegadores (Chrome, Firefox, Sa