Animation-Scale动画在iPhone物理设备执行后出现位移问题求助

我在开发Animation-Scale动画时遇到了兼容性问题：

• 模拟器（iOS模拟器）及桌面端所有浏览器中，动画表现完全符合预期
• iPhone物理设备上的Safari和Chromium浏览器中，出现两处异常：
  1. 动画执行时背景被放大
  2. 动画结束后目标div会向左偏移

该问题仅出现在iPhone真机，模拟器无任何异常。相关代码仓库为tmp-game-dev/minting_page，我期望div在缩放过程中始终保持初始加载时的位置，和模拟器、桌面端的表现一致。

请问有人遇到过类似的移动端动画兼容性问题吗？求解答，感谢！

内容的提问来源于stack exchange，提问作者Rabeles