私は 1140 グリッドを使用しており、2.5 秒ごとに画像を切り替える Javascript で作成したスライドショーを持っています。しかし、スライドショーをモバイル デバイスに合わせて縮小する方法がわかりません。メディアクエリを使用して縮小しようとしましたが、何も機能しません。これを行う方法について何か考えはありますか?
<div class="container">
<div class="row">
<div class="twelvecol last">
<div class="slideshow">
<canvas id='showCanvas' width='1022' height='397'>
Canvas Not Supported
</canvas>
<div class="caption">
<p id="tagLine">Image Number</p>
</div>
</div>
</div>
</div>
</div>
ここにコードを入力してください