javascript - 为什么particle.js 高度没有扩大?
问题描述
我想为我的项目背景使用particles.js。我有身高问题。它不是在设备网络中扩展高度。实际上高度属性不起作用。请帮我解决一下这个。
这是代码:
粒子.js 组件。
import React from "react";
import Particles from "react-particles-js";
export default () => (
<div
style={{
width: "100%",
height: "100%",
backgroundColor: "blue"
}}
>
<Particles
params={{
particles: {
number: {
value: 50
},
size: {
value: 3
}
},
interactivity: {
events: {
onhover: {
enable: true,
mode: "repulse"
}
}
}
}}
/>
</div>
);
应用组件。
const App = () => {
return (
<div
style={{
width: "100%",
height: "100%",
margin: "0",
padding: "0"
}}
>
<ParticleComponent />
<div
style={{
position: "absolute",
top: 0,
left: 0,
width: "100%",
height: "100%"
}}
>
<h1>test</h1>
</div>
</div>
);
}
解决方案
推荐阅读
- heroku - 将哪些源 IP 范围添加到谷歌云防火墙以仅允许从我的 API 的域进行访问
- c# - 在另一个图像中查找图像的形状
- c++ - 如何定义和设置指向在中间类中传递两次的二维数组的指针
- java - 检测代码后的 NoClassDefFoundError
- flutter - 如何在audio_service颤动中使用功能率
- python - 显示 Django 调试页面的 Django 表单验证错误
- python - 将 1 月 1 日午夜的小时数转换为实际日期
- python-3.x - 如何使用matplotlib或/和离线绘图来可视化由它们的顶点定义的3D多面体?
- python-3.x - 如何使用 selenium 和 python3.7 滚动或控制 chromium 浏览器或 Chrome 网页?
- python - 在嵌套列表中查找变量的索引