用於HTML頁面的Fancybox在Firefox和Chrome或Safari中看起來不同

我正在使用fancybox在Wordpress模板中的另一個頁面上彈出一個HTML頁面。當我查看Safari和Chrome時，彈出窗口的大小很好且一致。當我在Firefox中打開它時，彈出窗口只有大約50px高，並使您向下滾動以查看更多內容。我不知道這部分代碼將是最好的證明，所以這裏是的fancybox jQuery的部分，我使用我的模板用於HTML頁面的Fancybox在Firefox和Chrome或Safari中看起來不同

<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>

的頭。如果代碼的任何其他部分會幫助回答這個問題，請讓我知道，我會提供。我非常喜歡jQuery的初學者，所以你可以假設我需要知道的基本知識:)

來源

2013-05-09 jennetcetera

這可能是默認autoSize設置爲true的原因。嘗試將尺寸設置爲類似的，

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

來源

2013-12-08 23:55:24 Farrell

用於HTML頁面的Fancybox在Firefox和Chrome或Safari中看起來不同

回答

相關問題