Javascript Lightbox图像最大高度=用户屏幕高度

我正在为一位摄影师建立一个图像画廊。您可以找到该网站
我想做的是设置图像的高度，这样它就不会从屏幕上掉下来。换言之：

lightbox img { max-height:100%; max-width:auto; } 

然而，这不起作用。因为我的

ul

父母的身高比屏幕大

这些图像都是1000像素或更高。当然，我们不想让他们从屏幕上掉下来。有人知道我该如何解决这个问题吗

---

提前谢谢

对于纯CSS，您可以使用媒体查询，例如：（注意->CSS3！）

使用jquery，它更具动态性，甚至更简单：

$('#lightbox img').css('max-height', $(document).height()));

---

对于纯CSS，您可以使用媒体查询，例如：（注意->CSS3！）

使用jquery，它更具动态性，甚至更简单：

$('#lightbox img').css('max-height', $(document).height()));