CSS强制Fancybox打开太小（高度）

希望这件事能引起某人的注意

我正在使用Fancybox 1.3 w/Foundation。我的问题是在基础CSS中强迫我的代码> FANCYBOX弹出来渲染太小。当我检查呈现页面上的

HTML

时，我看到一个内联样式将高度设置为

175px

我被难住了。如果我删除基础<代码> CSS<代码>文件，问题就消失了。我猜我需要更改高度属性中的某些内容，但运气不好

样本：

---

（点击“播放此视频”）

只是一个想法，也许你已经尝试过了，因为它在你脸上很漂亮。正如您所说，内联样式使其达到175px，那么为什么不在Foundatino CSS中覆盖它呢

div#fancybox-wrap{
    height: 480px;
}

---

你可以随时添加！在高度（例如高度：480px！important；）结尾处的要点，强制始终保持该高度，或使用em（例如高度：3em；）使其流动并根据您的查看器使用的屏幕大小进行更改。又一次，所有的新手的事情，因为我不是这个领域的老手，但也许这在某种程度上有所帮助

如果没有更多的代码，就很难在开发工具中进行调试。但我相信你的罪魁祸首在这里：

#fancybox内部对象{

在开发工具中，ID将100%高度应用于对象，这是加载视频的对象。对象本身的高度值为600px，但它被覆盖，因为上面的ID在高度上也有

！important

还有你提到的175px的高度，内联样式是基于嵌套在更深层的内容动态生成的。我不相信有错

---

编辑：明白了

我在下面的图像中突出了罪魁祸首。第一个是FANKYBOX.CSS的第20行——基础的最后两行1。M.CSS（毫无疑问是一个巨大的重置规则）。以某种方式重写这些，你将是金色的。

#fancybox-inner embed, #fancybox-inner object {
height: 100% !important;
}

object, embed {
height: 100%;
}

img, object, embed {
max-width: 100%;
height: auto;
}

---

你能给我们提供一些代码吗？暂时编辑我的答案。我得到了。非常感谢你的帮助：）我删除了高度：Auto/Health: 100%从基础CSS文件中起作用！！@ RyRyc很棒！我怀疑FANKYBOX线会很好，但是在DEV工具中它会坏掉。可能是因为它需要关闭和重新使用。为了正确评估而打开。很高兴我能帮上忙！