Question

所以我在Javascript / jQuery中完成了这个小小的自动幻灯片放映。它工作得很好但是我无法弄清楚如何用屏幕尺寸来缩放它，使它变得流动。它目前针对1920x1080进行了优化。

我已经尝试将此值（document.body.style.width）分配给width变量而没有运气，尝试使用图像的百分比而不是像素，并尝试使用非常hackish修复媒体查询全部为no无济于事。

如果有人知道如何实现这一点，请告诉我（再次，我需要通过浏览器窗口进行扩展），无论如何，这里是代码：

      {{#each Properties}}
        <div class="cell">
            {{this.Cam}}
        </div>
      {{/each}}

Answer 1

vw和vh可能就是你所追求的。而不是宽度：20％或宽度：550px，宽度：100vw是视口宽度的100％（vh是视口高度）。然后它应该在视口调整大小时调整大小。