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

Question

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

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

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

有没有人有解决问题的想法或脚本？

谢谢，詹尼斯

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;
}