質問: こんにちは。 monacaでアプリケーションを作っています。 フォトスライダーを使っているのですが表示する端末に合わせスライダーのwidthを変更できないかと思っています。 使用しているスライダーがレスポンシブルに対応していないためCSSの設定ファイルからpx指定するようになっています。(100%に設定するとおかしな表示になります。。) 「レスポンシブルなスライダーに変更すればいい」とご指摘をいただきそうなのですが、処理が軽いことと先にスライダーの画像を別のアプリから動的に変更できるようにしてしまった為、できれば現状のスライダーを利用できればと思っています。 screen.widthで取得できる値をスライダーのwidthに設定したいのですがCSSファイルを 動的に変更することは可能でしょうか。 どなたかご教授いただけると幸いです。 どうぞよろしくお願い致します。
回答: 横幅だけ後で追加する方法はどうですか。 ``` $(function() { $("#add").click(function() { $("#box").css({"width":"50px"}); }); $("#remove").click(function() { $("#box").css({"width":""}); }); }); ``` ``` .box { margin: 15px 0px 15px 0px; width: 200px; height: 150px; background-color: blue; } ``` ``` スタイル追加 スタイル削除 ```