Javascript 如何调整Lightbox2中图像的大小？

我正在使用。我有图像缩略图，点击它们就会在lightbox中打开——很明显

我的问题是，当其中一些图像是1800x1200时，lightbox覆盖了整个网页

我如何编辑以确保图像的最大高度为400px，且宽度成比例？我不能简单地上传低维的图像，因为它们是用户上传的图像，所以我需要在脚本/服务器端执行此操作

---

谢谢

您可以在图像和灯箱上使用

最大宽度

和

最大高度

CSS属性：

演示：

CSS:

---

此方法似乎与所有主要浏览器兼容，此处提供了完整的兼容性列表：

非常感谢。。对我的登录页真的很有帮助

一些编辑过的代码，明智地玩

img {
max-width: 800px;
max-height: 600px;
}

.lb-outerContainer, .lb-dataContainer {
max-width: 800px;
width: auto!important;
height: auto!important;
}​

---

请尝试将以下内容添加到CSS中：

 .lb-image{
      max-width: inherit;
  }

---

非常感谢。我期待它：）更喜欢lightbox，这样我就可以看到我必须编辑的元素，但是CSS元素应该可以。非常感谢。没问题，谢谢！问题是，当我将“最大高度”和“最大宽度”设置为

.lb image

时，它看起来仍然不太好。我真的很感谢你的帮助！thanks@Dave，请看我上面的答案，我正在删除我以前的评论。没问题，不过有一些捕获，比如

！重要

关于w/h属性的声明。。。

 .lb-image{
      max-width: inherit;
  }