如何用JavaScript检测屏幕分辨率？

Question

如何用JavaScript检测屏幕分辨率？

有没有一种方法适用于所有浏览器？

Answer 1

是。window.screen.availHeight window.screen.availWidth来自Tsunamis的评论：要获得移动设备的原始分辨率，您必须乘以设备像素比率：window.screen.width * window.devicePixelRatio和window.screen.height * window.devicePixelRatio。这也适用于台式机，其比率为1。来自Ben的另一个答案是：在vanilla JavaScript中，这将为您提供可用的宽度/高度：window.screen.availHeight window.screen.availWidth对于绝对宽度/高度，请使用：window.screen.height window.screen.width

Answer 2

var width = screen.width;var height = screen.height;

Answer 3

在vanilla JavaScript中，这将为您提供可用的宽度/高度：window.screen.availHeight window.screen.availWidth对于绝对宽度/高度，请使用：window.screen.height window.screen.width以上两者都可以在没有窗口前缀的情况下编写。喜欢jQuery？这适用于所有浏览器，但每个浏览器都提供不同的值。$(window).width()$(window).height()