Question

我在＃34;画廊＆＃34;的几个网站上使用Lightbox2，从未遇到过问题。我现在正尝试将其与Simple Responsive模板（或on Github）一起使用，并遇到问题：

当叠加层出现并且图像＆＃34;缩放＆＃34;对于它们适当的大小，它们是水平限制的 - 好像浏览器认为它只有一个非常狭窄的视口。我在FF和Chrome中得到了相同的结果。

如果我用＆＃34; Inspect Element＆＃34;在Chrome中，#lightbox主DIV的宽度为1265像素。但.lb-outerContainer和.lb-dataContainer都认为可用宽度为247像素。

我尽可能仔细地阅读CSS和JS，但无法找出问题出现的地方。我希望其他一些敏锐的眼睛能够发现问题。

Answer 1

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

UINib *menuNib = [UINib nibWithNibName:@"MenuView" bundle:nil];
NSArray *aNib = [menuNib instantiateWithOwner:self options:nil];
UIView *menuView = [aNib objectAtIndex:0];

您可以通过在响应式模板css

之后添加来删除此限制

/* RESPONSIVE IMAGES */
img{ max-width:100%; height:auto;}

由于您希望您的灯箱具有响应性，请添加

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

相反，一切都应该是好的！

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

1 个答案: