灯箱图像max-height =用户屏幕高度

Question

我正在为摄影师建立一个图像库。您可以找到网站here.
我要做的是设置图像的高度，使其永远不会从屏幕上掉下来。换句话说：

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

然而，这不起作用。由于我的ul父母的身高比屏幕大。

图像均在1000px或更高。当然，我们不想让他们从屏幕上掉下来。有谁知道如何解决这个问题？

提前致谢！

Answer 1

使用纯CSS，您可以使用媒体查询，例如:(注意 - ＆gt; CSS3！）

@media screen and (max-height:700px) {
    #lightbox img { max-height: 690px; }
}

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

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