javascript - 变换比例对距离有影响吗？

Question

我正在尝试使用 Javascript 和 CSS 制作西洋双陆棋游戏，并尝试使用PX调整所有元素的大小并通过这种方式获得棋子的移动距离：

let start = FromElement.getBoundingClientRect().x;   //imagine start = 50

let end = ToElement.getBoundingClientRect().x;       //imagine end = 60

piece.style.transform = "translateX(" + (end - start) + ")";    //60 - 50 = 10

请不要注意垂直运动

现在，当我转换我的根元素（Board Element）以使板适合页面时，我看到除了缩放开始和结束（例如使用 1.5 倍缩放，开始：75 和结束：90），距离会改变在开始和结束更改期间（变为 90 - 75 : 15）并通过缩放（15 * 1.5: 22.5）更改另一个时间，所以我看到了一个糟糕的翻译。

每个尺寸都是PX但我不明白问题出在哪里！？！？！？:(

我认为这很好，我明白当我将页面宽度设置为小于主尺寸时，锯齿距离会减小！！！

这是了解我的问题的一部分！（我在第一次移动后撤消移动）