Lightgallery：使图像适合浏览器窗口

Question

我使用Lightgallery插件作为我的图片库。它完美无缺，但有些东西并不完美。我想将图像放入浏览器窗口。

当图像的分辨率高于浏览器窗口的分辨率时，它会起作用。但是当它更小时它就不适合。

这是插件： http://sachinchoolur.github.io/lightGallery/

是否有人有想法或脚本来解决问题？

谢谢， Jannis

Answer 1

似乎有点旧，但如果有人在寻找这个，你可以尝试：

img.lg-object.lg-image {
    min-height: 100%;
}

希望有所帮助！

Answer 2

希望这对我有帮助：

img.lg-object.lg-image {
    height: inherit !important;
}

祝你好运

Answer 3

这在Lightgallery v1.2.6中对我有帮助：

.lg-outer .lg-img-wrap {
    max-width:100vw;
    max-height: 100vh;
}