Mobile 在手机和桌面上触摸坐标

我正在尝试创建一个可以在桌面和手机上运行的“点差异”游戏，但在使用手机时，我很难在玩家触摸的图像上找到坐标

游戏在手机上是流动的，因此图像会自动调整大小以填充可用屏幕

我正在使用以下代码检测鼠标位置：

$(document).on("click",".image-wrapper",function(e){
  var coordX = e.pageX - $(this).offset().left;
  var coordY = e.pageY - $(this).offset().top;
  alert (coordX + ', ' + coordY);
}

这段代码在桌面上运行得很好，但当我在手机上尝试时，它给出了不同的结果

图像尺寸为368px 550px

如果我触摸顶部的图像，我看到的坐标与桌面上的坐标相同

但是，如果我按图像的一半，垂直坐标比桌面多显示约60个像素，如果我按图像底部，垂直坐标比桌面多显示约120个像素

有没有办法在所有设备上获得可靠的坐标

我的“差异点”游戏将毫无用处，否则：