在用于移动设备的React Web应用程序中控制粒子和高度

如何解决在用于移动设备的React Web应用程序中控制粒子和高度

目前正在学习React这样的道歉！

我正在React.js中创建一个Web应用程序，并成功导入了React-Particles-JS，其当前值为：

<Particles
            canvasClassName="example"
            params={{
                "particles": {
                "number": {
                "value": 200
            },"size": {
            "value": 3
            }
           },"interactivity": {
            "events": {
            "onhover": {
                "enable": true,"mode": "repulse"
             }
            }
            }
        }} />

在较大的屏幕上观看时，这很好用，但是在移动设备上观看时，非常混乱，因此，我想知道的是如何根据较小的屏幕将值从200减小到较小的值，以及也可以增加“粒子”画布的高度

目前，在移动模式下，它看起来像这样：

非常感谢！