在用于移动设备的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减小到较小的值,以及也可以增加“粒子”画布的高度

目前,在移动模式下,它看起来像这样:

enter image description here

非常感谢!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)