在JavaScript中,获取屏幕分辨率通常涉及到screen
对象的width
和height
属性。然而,如果屏幕的缩放比不是1,直接使用这些属性可能无法获取到真正的屏幕分辨率。为了解决这个问题,可以通过将screen.width
和screen.height
与window.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.width
和screen.height
就是屏幕的实际分辨率。如果屏幕被缩放了(例如,设置为125%),devicePixelRatio
可能大于1,这时候需要用它来调整screen.width
和screen.height
的值,以获得真正的分辨率.