javascript - 如何使用 Javascript 制作幻灯片以适应使用媒体查询的移动设备

Question

我正在使用 1140 网格，并且我有一个使用 Javascript 制作的幻灯片，每 2.5 秒在图像之间切换一次。但我不确定如何缩小我的幻灯片以使其适合移动设备。我已经尝试使用媒体查询来缩小它，但没有任何效果。关于如何做到这一点的任何想法？

<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>

在此处输入代码