javascript - 如何让 Fancybox 在浏览器调整大小时调整高度

Question

我正在一个需要在手机/平板电脑上响应的网站上创建一个 Fancybox 弹出窗口。它是一个使用 Fancybox 在 iframe 中加载的 php 文件。

这是我目前使用的fancybox 代码。

$.fancybox.open({
        maxWidth : '600px',
        href : './popup2.php',
        type : 'iframe',
    },
    {
        padding : 0,
        closeBtn : false,
        helpers : {
            overlay : {
                css : { 'background' : 'rgba(0, 0, 0, 0.5)' },
            }
        }

});

这是弹出窗口在常规浏览器中的样子

截图 1 http://img33.imageshack.us/img33/5642/ioru.png

这是调整浏览器大小时弹出窗口的样子

截图 2 http://imageshack.us/a/img13/2610/7p6.png

如何让 Fancybox 调整大小以显示溢出并移除滚动条？

我知道这是一个有点累的问题，但我似乎找不到适合我的解决方案。