当我在react web应用程序中切换“屏幕”时，我引入了一些淡入/淡出逻辑。你可以在这里看到“屏幕切换”的示例：Rabbit（源代码）。
这些动画在我的手机Safari上运行得很好，但在Chrome上不是。一开始，我以为这和iOS上的Chrome有关，但今天它似乎运行得很好。
我已经意识到，当我第一次尝试这个昨天，我的手机是相当低的电池（没有警告，也许约30% ish）。今天与我的手机充满电，“屏幕过渡”动画在Chrome工作正常。
我试图通过进入iOS辅助功能设置并设置“减少运动”来重现问题，但这并没有重现问题。我的应用程序检测到prefers-reduced-motion被设置为reduced，但屏幕过渡动画似乎可以正常工作，不管这一点（尽管如果媒体查询返回true，也许将来我应该关闭动画）。
所以，当我坐在这里等待我的手机放电-任何人都可以指向我的任何文件有关Chrome不执行动画，如果设备是低电池？