Jquery Lightbox2叠加中限制水平显示的响应布局

我在几个网站上使用“画廊”，从来没有遇到过问题。我现在试图将其与模板（或）一起使用，但遇到了一个问题：

当覆盖层出现并且图像“缩放”到适当的大小时，它们会受到水平限制——就像浏览器认为它只有一个非常狭窄的视口一样。我在FF和Chrome中得到了相同的结果

如果我用铬合金的“Inspect Element”（检查元素）查看，则

#lightbox

主DIV的宽度为1265px。但是

.lb outerContainer

和

.lb dataContainer

都认为可用的宽度是247px

---

我已经尽可能仔细地阅读了CSS和JS，但无法发现问题出在哪里。我希望其他人能敏锐地发现问题。

正是简单响应模板中的这一部分导致了“问题”

您可以通过在响应模板css之后添加来删除此限制

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

既然你想让你的灯箱反应灵敏

.lb-outerContainer  {
    max-width: 100%;
}

相反，一切都应该是好的

.lb-outerContainer  {
    max-width: 100%;
}