视差效果在小型设备上不起作用

如何解决视差效果在小型设备上不起作用

我创建了一个名为Online-Insurance-Management的大学项目响应屏幕宽度，我试图向其中添加视差效果... N效果很好！我对此感到高兴。但是，当我将其托管在xampp上时，n试图在我的手机上打开该网站，这真是一团糟...

我用于视差效果的代码是：

        .Box1 {
            background-image: url(./Images/Background-Image.jpg);
            width: 100%;
            height: 100vh;
            top: 50px;
            display: table;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
        }

每当我尝试在旧手机上运行该网站时，就会发生这种情况：

不用担心导航栏的位置问题，我的另一位队友正在为此工作

此外，我所做的一切我都想做！！！为简便起见，我确定问题位于我在主页上应用的内部CSS中。

我在这里不能使用javascript，因为它不在课程大纲中

请在这里帮我...很高兴...

如果您需要查看完整的项目源：https://github.com/belikeParamjot/Online-Insurance-Managment/