fancybox打开外部蓝图样式页面时如何设置合适的宽度？

Question

我正在设计一个 ruby​​-on-rails 应用程序，并且有一个在 fancybox 中打开的外部页面的链接。

外部页面的样式采用蓝图的 24 列宽度（950 像素宽）。 我从该页面隐藏了宽元素（在 css 中为 display:none），以便我感兴趣的元素在 fancybox 中只有 250px 宽。

但是当它在 fancybox 中打开时，它似乎仍然读取 .span-24 属性，而不是以较小的尺寸打开。

我无法创建另一个外部页面，必须使用蓝图样式的页面。关于如何强制 fancybox 打开、居中、作为 250px 宽的框有什么建议吗？

编辑：

这是我当前使用的代码：

$(document).ready(function() {

    $("a#fancypants-1").fancybox({
        'autodimensions'    : true,
        'width'             : 250,
        'scrolling'         : 'no',
        'opacity'          : true,
        'overlayShow'       : true,
        'overlayColor'      : '#000',
        'overlayOpacity'    : 0.8,
        'transitionIn'      : 'elastic',
        'hideOnContentClick': false ,
        'transitionOut'     : 'none'
    });
});

Answer 1

尝试像这样

$.fancybox({

                    'autoDimensions'  : true,
                'height': 'auto',
                            'width':250px; 
                'scrolling' : 'no',
                'transitionIn'    : 'none',
                'transitionOut'    : 'none',                    

            });