我正在为一位摄影师构建一个图片库。您可以找到网站 here.
我想要做的是设置图像的高度,使其永远不会从屏幕上掉下来。换句话说:
lightbox img { max-height:100%; max-width:auto; }
然而,这不起作用。因为我的 ul
parent 的高度比屏幕大。
图片都在 1000 像素左右或更高。当然,我们不想让他们从屏幕上掉下来。有谁知道我如何解决这个问题?
提前致谢!
最佳答案
使用纯 CSS,您可以使用媒体查询,例如:(注意 -> CSS3!)
@media screen and (max-height:700px) {
#lightbox img { max-height: 690px; }
}
使用 jquery 更动态,更简单:
$('#lightbox img').css('max-height', $(document).height()));
关于javascript - 灯箱图片最大高度 = 用户屏幕高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16238631/