javascript - 调整图像大小以适合屏幕

Question

我创建了一个 Reddit 幻灯片应用程序，但即使使用引导程序，我也无法让图像正确适合屏幕。相关的代码行是：

<div id="curtain" class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">

 $('#curtain').html("<img src='"+imgArr[i]+"'>").css("height","auto").css("width", "auto").css("max-height","100vh").css("max-width","100vw").css("object-fit", "contain");

完整的项目可以在这里找到：

https://github.com/joe-santy/redditSlideshow

标签： javascripthtmlcss