请参见使用Javascript获取监视器屏幕分辨率和窗口。屏幕上的对象

你是指显示分辨率(例如72点每英寸)还是像素尺寸(浏览器窗口目前是1000 x 800像素)?

屏幕分辨率可以让你知道10像素的线有多粗，单位是英寸。像素尺寸告诉你可用屏幕高度的百分比将被10像素宽的水平线所占据。

仅通过Javascript无法知道显示分辨率，因为计算机本身通常不知道屏幕的实际尺寸，只知道像素的数量。72 dpi是通常的猜测....

请注意，关于显示分辨率有很多困惑，人们经常使用这个术语而不是像素分辨率，但这两者是非常不同的。看到维基百科

当然，你也可以用点/厘米来测量分辨率。还有一个令人费解的非方形圆点问题。但我离题了。

您还可以获得窗口宽度和高度，避免浏览器工具栏和…(不仅仅是屏幕大小)。

要做到这一点，请使用: 窗口。innerWidth和window。innerHeight属性。详见w3schools。

在大多数情况下，这将是最好的方式，例如，显示一个完美的中心浮动模式对话框。它允许您计算窗口上的位置，无论使用浏览器的分辨率方向或窗口大小。

如果你指的是浏览器分辨率的话

窗口。innerWidth为您提供浏览器分辨率

您可以使用http://howbigismybrowser.com/进行测试 尝试通过放大/缩小浏览器来改变屏幕分辨率，并使用http://howbigismybrowser.com/检查分辨率大小 窗口。innerWidth应该与屏幕分辨率宽度相同

在JavaScript中，这将为你提供可用的宽度/高度:

window.screen.availHeight
window.screen.availWidth

对于绝对宽度/高度，使用:

window.screen.height
window.screen.width

上面两个代码都可以在没有窗口前缀的情况下编写。

喜欢jQuery吗?这适用于所有浏览器，但每个浏览器给出不同的值。

$(window).width()
$(window).height()

找到屏幕分辨率的简单步骤是:

复制

`My screen resolution is: ${window.screen.width} * ${window.screen.height}`

粘贴到浏览器控制台 回车