为什么字幕文本在手机上随机显示为空白

Question

我有一个CSS动画字幕，在桌面上看起来很棒。然而，在移动设备上，它有时看起来会出现故障，并随机切断部分内容。这种情况在我身上发生过几次，尤其是当我在内容中使用跨度标签来添加不同的颜色或化妆品元素时。

根据我的研究；变换"；不应该影响装载速度，那么为什么会发生这种情况呢？span标签与它有关吗？内容加载太多了吗？

问题屏幕截图

网址：https://thisisjustatest13.myshopify.com/password?password=hello

动画是用创建的

@keyframes marquee {
0% {
transform: translateX(0);
-webkit-transform: translateX(0);
}
100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
}

谢谢！

Answer 1

我认为我们应该尝试设置每个元素的宽度，以获得预期的字幕速度。

这是文件W3schools.in marquee