如何控制jquery fancybox中字幕的大小？

Question

问题

我们正在使用jquery fancybox从instagram中提取图片和字幕。

这很有效，直到插件尝试在移动设备上呈现长标题。然后插件使图像非常薄（见附件），使标题更长。

我们可以看到大小正在从插件直接应用到元素上，所以假设它是JS。

问题

有没有办法阻止插件执行此操作？所有其他设置都很有用。

我们使用自动调整大小设置，但不能使用正确的组合。设置autoSize : false,后，插件仍会以这种奇怪的方式调整大小。

如果用户必须滚动，则感到高兴。

设置

$(document).ready(function() {

    if ($('.instagram-gallery')[0]) {

        $(".instagram-gallery .fancybox-gallery-item")
        .attr('rel', 'instagram-gallery-trigger')
        .fancybox({
            padding    : 0,
            margin     : 0,
            nextEffect : 'elastic',
            prevEffect : 'elastic',
            autoCenter : false,
            tpl: {
                closeBtn: '<a title="Close" class="fancybox-item fancybox-close" href="#"></a>',
                next: '<a title="Next" class="fancybox-nav fancybox-next" href="#"><span></span></a>',
                prev: '<a title="Previous" class="fancybox-nav fancybox-prev" href="#"><span></span></a>'
            },

            // this adds the caption from the 'alt' attribute
            beforeShow : function() {
                var alt = this.element.find('img').attr('alt');
                this.inner.find('img').attr('alt', alt);
                this.title = alt;
            }
        });
    };
}); // document.ready

非常感谢任何正确方向的帮助或指示。

干杯