使用window.screen.width获取的浏览器分辨率与显示屏的的分辨率不一致,显示屏的宽度是1920,可是获取到的确是1390,我看了下浏览器和屏幕的缩放比例发现都没有问题。
这是怎么回事呢?
原来浏览器显示的不一定就是屏幕的分辨率,他最终呈现出来的宽度跟当前页面有关。
这时候就需要用到window.devicePixelRatio,这个获取到的是物理像素分辨率与CSS像素分辨率的比值,
let now_width = window.screen.width * window.devicePixelRatio;
想要拿到实际宽度,乘以这个比值就可以了。