但是当我们谈论响应屏幕时，如果出于某种原因我们想使用jQuery处理它，

window.innerWidth, window.innerHeight

给出正确的测量值。即使它删除了滚动条的额外空间，我们也不必担心调整空间：）

图形答案：(............)

获取可用屏幕维度的非jQuery方法。window.screen.width/height已经发布，但为了响应Web设计和完整性，我认为值得提及这些属性：

alert(window.screen.availWidth);
alert(window.screen.availHeight);

http://www.quirksmode.org/dom/w3c_cssom.html#t10 :

availWidth和availHeight-屏幕（不包括OS任务栏等）。

使用“控制台”或单击“检查”后，检查任何网站当前加载页面的高度和宽度。

步骤1：单击鼠标右键，单击“检查”，然后单击“控制台”

步骤2：确保您的浏览器屏幕不应处于“最大化”模式。如果浏览器屏幕处于“最大化”模式，您需要首先单击最大化按钮（位于右上角或左上角），然后取消最大化。

步骤3：现在，在大于号（'>'）后面写以下内容，即。

       > window.innerWidth
            output : your present window width in px (say 749)

       > window.innerHeight
            output : your present window height in px (say 359)

在某些情况下，与响应布局相关的$（document）.height（）可能会返回错误的数据，仅显示视图端口高度。例如，当某个div#wrapper的高度为100%时，该#wrappers可以被其内部的某个块拉伸。但它的高度仍将与视口高度相同。在这种情况下，您可以使用

$('#wrapper').get(0).scrollHeight

表示包装器的实际大小。

随着globalThis在ES2020中的引入，您可以像使用财产一样使用。

对于屏幕大小：

globalThis.screen.availWidth 
globalThis.screen.availHeight

对于窗口大小

globalThis.outerWidth
globalThis.outerHeight

对于偏移：

globalThis.pageXOffset
globalThis.pageYOffset

…等等。

alert（“屏幕宽度：”+globalThis.Screen.avaidWidth+“\n屏幕高度：”+globalThis.Screen.avaidHeight）