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

时间:2019-02-05 02:06:01

标签: javascript html css

我已经创建了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

0 个答案:

没有答案