调整图像大小以适合屏幕尺寸

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