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

Question

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

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

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

谢谢，詹尼斯

score 1 · Accepted Answer

看起来有点旧，但如果有人在寻找这个，你可以试试：

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

希望有帮助！

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

希望这对我有帮助：

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

祝你好运

3 回答 3