画廊灯箱插件问题

当画廊有超过1张图片时，灯箱呈现效果很好，但是当它只有1张图片时，大图片包装会比图片小。我有种发现什么导致了问题 - 这个模板使用的基础3.0框架等foundation.min.css文件中的第一个选择是造成问题：

" * { 
     -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
     box-sizing:border-box; 
     }

我试图删除这一点，它解决了这一问题然而整个网站被打破。我不确定我应该在这里粘贴什么代码。如有需要，我可以发布一个链接来下载所有的模板文件。谢谢！

2013-05-10 Tiago

不要更改此代码，而是修改包装器的css。您发布的代码片段告诉所有元素包含任何边框，并在宽度计算中加入填充。所以一个带有10px填充和5px边框空间，宽度为200px的盒子实际上是200px宽。没有这个代码，盒子实际上会是230px宽。

你可以这样做......

添加到类lightbox-outer - overflow: hidden。

.lightbox-outer { 
overflow: hidden; 
}

这个工程，但它隐藏图像的一部分，它就像你的箱子不想缩放到图像的大小。

您是否在设置某个特定比例的灯箱里有一个设置？

编辑2：我发现的东西，如果我从类.lightbox-skin中删除“宽度”，那么它开始再次行为。问题是这个宽度是动态应用于元素内联的吗？

2013-05-10 17:19:38 Michael

但是，谢谢你没有解决这个问题。这真是奇怪... – Tiago 2013-05-10 17:33:28

@ user1628193看到我的编辑为一个临时解决方案 – Michael 2013-05-10 17:37:23

哇它修复了问题！非常感谢！这个问题让我疯狂了好几个小时。 – Tiago 2013-05-10 18:03:32

回答