monacaでCSSファイルを動的に変えたい


こんにちは。

monacaでアプリケーションを作っています。

フォトスライダーを使っているのですが表示する端末に合わせスライダーのwidthを変更できないかと思っています。

使用しているスライダーがレスポンシブルに対応していないためCSSの設定ファイルからpx指定するようになっています。（100%に設定するとおかしな表示になります。。)

「レスポンシブルなスライダーに変更すればいい」とご指摘をいただきそうなのですが、処理が軽いことと先にスライダーの画像を別のアプリから動的に変更できるようにしてしまった為、できれば現状のスライダーを利用できればと思っています。

screen.widthで取得できる値をスライダーのwidthに設定したいのですがCSSファイルを  
動的に変更することは可能でしょうか。

どなたかご教授いただけると幸いです。

どうぞよろしくお願い致します。




わざわざ聞いているということは以下ではダメなんでしょうが  
質問の内容だけから判断してメディアクエリが一番手軽で  
スピードの問題もないように思いますが・・・

[code]

    @media screen and (max-width: 480px) {
       div.slidebarholder { width: 90%; }
    }
    @media screen and (min-width: 481px) and (max-width: 1024px) {
       div.slidebarholder  { width: 85%; }
    }
    @media screen and (min-width: 1025px) {
       div.slidebarholder  { width: 80%%; }
    }
    
[/code]




わざわざ聞いているということは以下ではダメなんでしょうが  
質問の内容だけから判断してメディアクエリが一番手軽で  
スピードの問題もないように思いますが・・・

[code]

    @media screen and (max-width: 480px) {
       div.slidebarholder { width: 90%; }
    }
    @media screen and (min-width: 481px) and (max-width: 1024px) {
       div.slidebarholder  { width: 85%; }
    }
    @media screen and (min-width: 1025px) {
       div.slidebarholder  { width: 80%%; }
    }
    
[/code]

