页面变焦时字符不会保持边界

Question

所以我有经典的设置

if (position >= BLA) {
    // make it so character doesn't move
}

然而，我发现这种方法的问题是当我在游戏中设置BLA等于我的世界边界（即1500px）时，它会正常工作但是当你点击 Ctrl + + 放大，它变得混乱，角色图像的边缘超出边界。我知道我已经看过一些游戏，即使你放大页面，游戏窗口也不会改变大小。我怎么能在JavaScript或CSS中实现它？