React中的ParticlesJS组件被媒体查询隐藏,但不会返回显示

我将ParticlesJS包用于我的ReactJS应用程序。它显示在开头。我想在屏幕大小低于600像素时隐藏它。它将显示设置为“无”,但是当屏幕重新调整到600px以上时,“粒子”元素不会将显示设置回“块”,因此不会再次显示。

html/jsx格式:

<div className="particles-container">
  <Particles params={particleParams} className="particles" />
    <div className="home-banner-content"> 
      <img src="./src/style/img/logo_banner.png" />
    </div>
</div>

css格式:

@media only screen and (max-width: 600px) {
  .particles-container .particles {
    display: none;
  }
}

@media only screen and (min-width: 600px) {
  .particles-container .particles {
    display: block;
  }  
}