当fancybox打开外部蓝图样式页面时，如何设置正确的宽度？

Question

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

外部页面的样式为蓝图的24列宽（950px宽）。 我已经隐藏了该页面中的宽元素（display：none in css），因此我感兴趣的元素在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',                    

            });