Jquery HTML页面的Fancybox在Firefox和Chrome或Safari中看起来不同

我使用fancybox在Wordpress模板的另一个页面上弹出一个HTML页面。当我在Safari和Chrome中查看时，弹出窗口的大小良好且一致。当我在Firefox中打开它时，弹出窗口只有大约50px高，可以让你向下滚动查看更多内容。我不确定代码的哪一部分最适合显示，所以这里是我在模板头中使用的fancybox的jquery部分

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
    $(".fancylink").fancybox({
    'hideOnContentClick' : true,
    'type' : 'iframe',
    'padding' : 0,
    'onComplete' : function() {
        $('#fancybox-frame').load(function() { 
            ('#fancybox-content').height($(this).contents().find('body').height()+30);
        });
    }});
});
</script>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
$（“.fancylink”）.fancybox({
“hideOnContentClick”：true，
'type'：'iframe'，
“填充”：0，
“onComplete”：函数（）{
$（'#fancybox frame'）.load（function（）{
（“#fancybox content”）.height（$（this.contents（）.find（'body'）.height（）+30）；
});
}});
});

---

如果代码的任何其他部分有助于回答此问题，请让我知道，我将提供它。我是jquery的初学者，因此您可以假设我需要了解基本知识：）

这可能是默认情况下autoSize设置为true的原因。尝试将大小设置为

        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,