为什么 google chrome devtools 模拟指针偏移在固定元素上出错？

Question

当我进入 chrome devtools 并单击切换设备工具栏时，触摸指针在单击时似乎给出了一些偏离坐标。这是非常微妙的，但我注意到在其他网站上的一些情况下，指针可能会偏离 25 像素。这似乎只发生在固定元素上。

您可以在这里测试： https: //jsfiddle.net/pm6avL3n/6/

我在 ipad pro chrome 模拟器中运行它，指向数字“5”并尝试单击它右侧的几个像素，您可能会得到一些像素，即使您单击右侧的一点，X 坐标也可能返回较低的结果您的最后一次点击。

代码：

<script>
  document.addEventListener('click',function(e) {
    console.log(e.pageX + ' ' + e.pageY);
  });
</script>

截屏：

我使用的是 chrome 版本：102.0.5005.115（官方版本）（64 位）

该问题仅出现在模拟器中，不会出现在实际设备中。但是我们在编码时使用模拟器，所以想强调这一点。如果有任何解决方案，请告诉我。或者，如果您可以确认这种情况也发生在您身上，请发表评论。

和平与爱！