如何在JavaScript中获取屏幕、浏览器窗口和网页本身的大小？

大家好！我是JavaScript新手，正在制作一个自适应网站。我需要让一些元素根据用户的设备尺寸进行调整。但我对screen、window和document这些术语感到困惑。如何获取它们的精确尺寸？ 例如，我写了这样的代码： ```javascript console.log('screen width:', screen.width); console.log('window inner width:', window.innerWidth); console.log('document width:', document.width); ``` 但`document.width`返回`undefined`，而`screen.width`似乎显示的不是我期望的值。我的笔记本是Full HD屏幕（1920×1080），但`screen.width`输出1536，`window.innerWidth`输出1519（窗口最大化时）。为什么会这样？如何正确获取网页本身的宽度和高度（包括滚动）？ 我想理解这三个概念之间的区别，并知道在不同情况下应该使用哪些属性。希望能得到详细的解释和适用于所有浏览器（Chrome、Firefox、Safari）的示例。