js获取屏幕分辨率

js yekong

在JavaScript中,获取屏幕分辨率通常涉及到screen对象的widthheight属性。然而,如果屏幕的缩放比不是1,直接使用这些属性可能无法获取到真正的屏幕分辨率。为了解决这个问题,可以通过将screen.widthscreen.heightwindow.devicePixelRatio相乘来获取正确的屏幕分辨率。

以下是获取屏幕分辨率的代码示例:

// 获取屏幕宽度和高度(考虑了屏幕缩放)
var screenWidth = window.screen.width * window.devicePixelRatio;
var screenHeight = window.screen.height * window.devicePixelRatio;

console.log('屏幕分辨率为:' + screenWidth + 'x' + screenHeight);

在这个示例中,window.devicePixelRatio是设备上物理像素和CSS像素的比率。当屏幕缩放比为1时,devicePixelRatio通常为1,这意味着screen.widthscreen.height就是屏幕的实际分辨率。如果屏幕被缩放了(例如,设置为125%),devicePixelRatio可能大于1,这时候需要用它来调整screen.widthscreen.height的值,以获得真正的分辨率.

喜欢