我的设备（Macbook Pro 2019 16"）的分辨率为 3072 x 1920。进入 CSS 领域时，像素单位被“标准化”。据我了解，每个 CSS 像素等于我window.devicePixelRatio的设备像素。就我而言，window.devicePixelRatio === 2. 如果我的理解是正确的，这意味着宽度为 的 CSS 网格列3072 / 2 = 1536px应该占据我的整个视口宽度。令人惊讶的是，情况并非如此：实际视口为1792px。
如果我将屏幕宽度除以视口宽度，这给了我一个“真实”设备与 css 像素的比率3072 / 1792 = 1.7142857142857142。为什么这不是返回的window.devicePixelRatio？
更令人困惑的是，当我使用 Chrome 的 API 截屏时，它会给我一个带有 width 的屏幕截图3584px。奇怪的是，所有这些数字似乎以某种方式结合在一起：(3584px * 1.7142857142857142) / 2 = 3072px这是我真正的设备宽度。这有什么意义？
最后，有没有办法以1.7142857142857142编程方式访问？