粒子滑蓋手機resize在不工作

Question

我用這粒滑塊我的網頁上：http://particleslider.com/

它的工作原理很好，但在移動設備上也沒有調整。它只是在屏幕的中間，取決於設備的大小。粒子滑塊使用圖像URI將圖像轉換爲粒子。如果圖像寬度大於手機寬度大，也不會縮小 - 這水平重疊是這樣的：

我怎樣才能使它縮小使整個圖像可以看出，不相干的設備寬度？

Answer 1

它似乎在粒子網站上工作。你是否混淆了可能相沖突的圖像的寬度或高度？你有沒有你的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; 
} 

如果你有代碼，請張貼。