Javascript Fancybox：当屏幕尺寸较小时，窗口会被切断

我修改了一个已经安装并运行Fancybox的模板；我的多媒体资料窗口在较小的屏幕上太大，这使我遇到了问题。目前，我有一个大的图像，然后一个像样的文本块下面。修改“main.js”文件中的代码后，我可以在非Retina Macbook Pro和更大屏幕上的浏览器窗口中安装窗口，但在Macbook Air 11“上，窗口底部被切断（我知道这是关于像素而不是屏幕大小，我手头没有数字）.这在手机上不是问题，因为我可以用手指向上滚动窗口

一个解决方案是在窗口内启用滚动，但如果这是可能的，那么我就无法使其工作。也许它们应该是iframe而不是gallery窗口？如果是这样，我需要关于如何实现这一点的建议（除了视频链接外，模板中没有任何iframe示例）

以下是网站：

单击“项目”部分中的任何一个磁贴以查看Fancybox窗口

下面是所有的javascript代码；我得到建议添加fitoview:false和maxWidth:“95%”，因为该窗口最初不适合手机屏幕。然后我添加了 maxHeight:“60%”尝试将其缩小到合适的大小，否则整个窗口太大；但在较小的屏幕上，该百分比仍然太高

BRUSHED.fancyBox = function(){
if($('.fancybox').length > 0 || $('.fancybox-media').length > 0 || $('.fancybox-various').length > 0){

    $(".fancybox").fancybox({               
            fitToView: false, // so we can get all the length of the title
         maxWidth: "95%", // will make it responsive; adjust to your needs
           maxHeight: "60%",
           padding : 0,
            beforeShow: function () {
                this.title = $(this.element).attr('title');
                this.title = '<h4>' + this.title + '</h4>' + '<p>' + $(this.element).parent().find('img').attr('alt') + '</p>';
            },
            helpers : {
                title : { type: 'inside' },
            }
        });

    $('.fancybox-media').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        helpers : {
            media : {}
        }
    });
}

BRUSHED.fancyBox=function（）{
如果（$（'.fancybox'）。长度>0 | |$（'.fancybox媒体'）。长度>0 | |$（'.fancybox各种'）。长度>0）{
$（“.fancybox”）.fancybox（{
fitToView:false，//这样我们就可以得到标题的全部长度
maxWidth：“95%，//将使其响应迅速；根据您的需要进行调整
最大高度：“60%”，
填充：0，
beforeShow:函数（）{
this.title=$（this.element）.attr（'title'）；
this.title=''+this.title+'+''+$（this.element）.parent（）.find（'img'）.attr（'alt'）+'
'；
},
助手：{
标题：{type:'inside'}，
}
});
$（'.fancybox媒体'）。fancybox({
openEffect:'无'，
closeEffect:'无'，
助手：{
媒体：{}
}
});
}

---

}

链接不起作用。请尝试在jsfiddle.net上共享您的代码