我有下面的CSS动画，所有的工作在桌面浏览器（即使窗口大小调整）。

body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #0e1624;
    overflow-y: hidden;
    overflow-x: hidden;
    animation: enable-scroll 0.1s forwards;
    color: white;
    scroll-behavior: smooth;
}

@keyframes enable-scroll {
    to {
        overflow-y: auto;
    }
}

#page-loader {
    animation: page-loaded 0.3s ease-in-out forwards;
    animation-delay: 2.5s;
}

@keyframes page-loaded {
    to {
        display: none;
    }
}

正如我所说，在桌面上，或多或少与浏览器无关，它可以毫无障碍地运行。然而，每当我尝试打开我的手机上的网站，动画不运行，因此，没有内容显示。
有谁知道是什么原因导致的吗？