粒子スライダーモバイルは、私は私のページに、この粒子のスライダーを使用しています

Question

を働いていないサイズを変更：それは良い動作しますが、http://particleslider.com/

モバイルデバイス上でそれがリサイズされていません。デバイスのサイズに応じて、画面の中央に配置されます。パーティクルスライダはイメージURIを使用してイメージをパーティクルに変換します。画像の幅は、携帯電話の幅よりも大きい場合、それはスケールダウンしません - それは、このように水平に重なっ：

は、どのように私はそれはとても全体像を示すことができるスケールダウンすることができます、の無関係デバイスの幅？

Answer 1

これはParticleのWebサイトで動作するようです。矛盾している可能性のある画像の幅や高さを混乱させましたか？ CSS、HTML、JSの例がありますか？ CSSでは、エレメントの外側コンテナの幅は設定されていませんが、CSSの最大幅は95％です。 JSにオプションとして幅を設定しましたか？

静的な幅を設定するドキュメントによると、デフォルトは800です。

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

ほとんどの場合、問題を解決するためにCSSを使用できます。 まず、ParticleSlider（）にオプションとして幅を入れないでください。 第2に、スライダのコンテナ要素の最大幅を95％のように強制します。

彼らのCSSを使用すると、コードがある場合は、それを投稿してください彼ら

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

ため、このようなものを示しています。