Fancybox minWidth 设置强制宽度为静态答案

【问题标题】：Fancybox minWidth setting forces width to be staticFancybox minWidth 设置强制宽度为静态
【发布时间】：2012-11-21 19:32:15
【问题描述】：

如何在 Fancybox 中调整内容宽度？我本来希望这是自动的，因为我只设置了 minWidth，但似乎只有初始宽度，当您打开模式对话框时保持静态。我已经设置了 maxWidth，但这对宽度没有任何影响。我删除了所有宽度设置，内容显示在一个小宽度区域中。我对如何让它正常工作感到困惑。

$('a.various').fancybox({
    scrolling:'no',
    minWidth:450,
    minHeight:450,
    openEffect:'none',
    closeEffect:'none',
    closeBtn:false
});

这给了我增加的高度，但宽度保持不变。当假设有更大的图像等时，我需要增加宽度。我尝试将 minWidth 属性设置为 640，但这会在宽度较小的图像右侧产生过多的空白。

【问题讨论】：

我也尝试通过 CSS 设置内联容器的宽度和高度，这只是给了我 640 像素的高度，而且宽度太细，内容被完全切断。跨度>
我发现fancybox 以某种方式强制内联内容的容器为100px。我可以通过在样式中手动设置来调整高度，但无法调整宽度。

标签： javascript jquery fancybox fancybox-2

【解决方案1】：

确保也将 autoSize 设置为 true：

autoWidth : true,

你不需要 minWidth。

您希望在 fancyBox 中显示的 HTML 也应该具有特定的给定宽度。

外汇。如果您希望内容宽度为 300px，请将 body 宽度设置为 300px：

<body style="width: 300px;">

我就是这样做的。希望它有效：D

【讨论】：

自动尺寸：真；等同于：autoWidth: true;和自动高度：真；使用 autoWidth 或 autoSize 是您的选择。他们也这样做