粒子滑块移动调整大小不起作用

Question

我在页面上使用此粒子滑块：http://particleslider.com/

它运作良好，但在移动设备上却没有调整大小。它只是位于屏幕中间，具体取决于设备大小。 “粒子”滑块使用图像URI将图像转换为粒子。如果图像宽度大于手机宽度，则不会缩小 - 它会水平重叠：

如何缩小以便显示整个图像，与设备宽度无关？

Answer 1

似乎可以在Particle网站上运行。您是否弄乱了可能存在冲突的图像宽度或高度？你有CSS，HTML和JS的例子吗？ 在他们的CSS中，他们设置元素的外部容器没有宽度，但CSS中的最大宽度为95％。 您是否在JS中设置了宽度作为选项？

根据他们的文档设置静态宽度。默认值为800。

    // Create a 100px wide ParticleSlider.
  var ps = new ParticleSlider({
    width: 100
  });

很可能您可以使用CSS来解决您的问题。 首先，如果你是，不要在ParticleSlider（）中添加宽度作为选项。 其次，强制滑块的容器元素的最大宽度为95％。

他们的CSS为他们显示了类似的东西

#particle-slider {
width: 41.8em;
height: 26.3em;
margin: 0 auto;
}

如果您有代码，请发布。