时间戳

首页 > 解决方案 > 在页面标题中使用particle.js，无法使用css达到所需的大小

javascript - 在页面标题中使用particle.js，无法使用css达到所需的大小

问题描述

我在页面的标题区域中使用了particle.js。我无法让它调整到我想要的高度和宽度。我在 css 和 vh/wh 设置中使用了画布大小、普通高度和宽度。似乎没有什么能改变它的大小。我无法弄清楚它在哪里或它被什么控制以及如何改变它。我觉得答案应该很明显，但我不明白。

这是hmtl：

<body>
<div class="diva">
    <center>
        <div class="divb">

<div id="particles-js"></div> 
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> 
<script  src="js/index.js"></script>
</div>

CSS：

@charset "utf-8";
/* CSS Document */
html{height: 100%}

body
{
position: absolute;
height: 100%;
width: 100%; min-width: 1037px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;

}
.clear{clear: both;}
.left{float: left;}
.right{float: right; text-align: right;}
.inner_img{margin: 0px 10px 10px 0px; border: 0px;}


/* creates initial containers for entire page */
.diva
{
top: 300px;
width: 100%; height: auto !important; height: 100%; min-height: 100%;
}


.divb
{
width: 950px;
text-align: left;
padding-bottom: 165px;
}





/* ---- particles.js container ---- */ 

#particles-js { 
 display: block;
 width: 950px;
 height: 200 px;
 background-color: white;
 background-image: url("http://celt.MiamiOH.edu/lillycon/images/lillylogo2017.png");
 background-position: bottom;
 background-repeat: no-repeat;
  }

标签： javascriptcssparticle.js

解决方案

推荐阅读