希望这会跳出某人......
我正在使用Fancybox 1.3 w/Foundation。我遇到的问题是基础CSS中的某些内容迫使我的Fancybox弹出窗口变得太小。当我检查渲染页面上的HTML时，我看到一个内联样式，将高度设置为175px ...
我很难过。如果删除Foundation CSS文件，问题就会消失。我猜我需要改变Height属性中的某些东西，但没有任何运气。
样品： http://198.cmsintelligence.com/site/about-us（点击“播放此视频”）
答案 0 :(得分：0)
只是一个想法，也许你已经尝试过，因为它非常适合你。就像你说的那样，内联样式使它成为175px，所以为什么不在你的Foundatino CSS中覆盖它。
div#fancybox-wrap{
height: 480px;
}
你总是可以在高度的末尾添加！important（例如身高：480px！important;）来强制它总是那个高度，或者使用em（例如身高：3em;）使它变得流动根据观看者使用的屏幕尺寸进行更改。所有新手的东西，因为我不是在这个领域的那个年份，但也许在某种程度上有所帮助。
答案 1 :(得分：0)
如果没有更多代码，很难在开发工具中进行调试。但我相信你的罪魁祸首就在这里：#fancybox-inner object {
在DEV工具中，ID对对象应用100％的高度，这就是加载视频的内容。对象本身的高度值为600px，但它被覆盖，因为上面的ID在高度上也有!important。
您提到的175px的高度，内联样式是根据嵌入更深层次的内容动态生成的。我不相信错误存在。
编辑：知道了！
我在下面的图片中突出显示了罪魁祸首。第一个是fancybox.css的第20行 - foundation.min.css的最后两行（毫无疑问是一个巨大的重置规则）。以某种方式覆盖这些并且你将是金色的。
#fancybox-inner embed, #fancybox-inner object {
height: 100% !important;
}
object, embed {
height: 100%;
}
img, object, embed {
max-width: 100%;
height: auto;
}
