Particle ползунок мобильное изменения размера не работают

Question

Я использую этот ползунок частиц на моей странице: http://particleslider.com/

Он работает хорошо, но на мобильных устройствах, это не изменение размера. Он просто центрируется в середине экрана в зависимости от размера устройства. Слайдер частиц использует URI изображения для преобразования изображения в частицы. Если ширина изображения больше, чем ширина телефона, он не будет масштабироваться вниз - он перекрывается по горизонтали, как это:

Как я могу сделать это масштабировать вниз так все изображение может быть показано, не имеет значения из ширина устройства?

Answer 1

Кажется, что он работает на веб-сайте Particle. Вы возились с шириной или высотой изображения, которое могло бы противоречить друг другу? У вас есть пример ваших CSS, HTML и JS? В своем CSS они устанавливают внешний контейнер элемента, который не имеет ширины, а максимальная ширина 95% в CSS. Вы установили ширину в 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; 
} 

Если у вас есть код, пожалуйста, напишите его.