花式框宽度不适用答案

【问题标题】：fancybox width doesn't apply花式框宽度不适用
【发布时间】：2012-11-12 11:56:26
【问题描述】：

我正在尝试为 fancybox 设置宽度

$("a.loader").fancybox({
    width: 1000,
    height: 1050,
    autoDimensions: false,
    maxWidth : '100%'
});

阅读了一些主题，但设置了autoDimensions: false,，尝试使用 px 设置宽度和不使用它，使用逗号和不使用它。没什么帮助，fancybox 以相同的宽度和高度显示。

有什么问题？

附： jquery-1.8.2.min.js 和 jquery.fancybox.pack.js（2 到 3 周前下载）如果是这样的话。

刚刚添加：此外，没有其他 css 或 jquery 代码可以应用于花哨的框的额外宽度。

【问题讨论】：

标签： jquery fancybox height width

【解决方案1】：

FancyBox 的文档使用这样的引号：

$("a.loader").fancybox({
    'width': 1000,
    'height': 1050,
    'autoDimensions': false,
    'maxWidth' : '100%'
});

我也以这种方式使用它并且它有效。但我不确定，这是否是问题所在。

【讨论】：

【解决方案2】：

我正在以这种方式使用代码，它对我有用

$("a.loader").fancybox({   
    maxWidth: 1000,
    minHeight: 1050,
    autoDimensions: false,
    width: '70%',
    height: '70%'
});

【讨论】：

【解决方案3】：

$("a.loader").fancybox({
    'width': 1000,
    'height': 1050,
    'autoDimensions': false,
    'maxWidth' : '100%'
});

【讨论】：

【解决方案4】：

如果您使用的是 fancybox v2.x，那么 API 选项是新的，并且与以前的版本 1.3.x 不兼容

所以对于fancybox v2.x，autoDimensions 选项不存在，但应该使用autoSize。另一方面，如果您的视口（屏幕尺寸）小于您在 fancybox 中想要的尺寸，则内容将被缩放以适应视口。如果要强制大小，则必须设置fitToView: false。

注意：这仅对ajax、html、inline 和iframe 内容有效。图像将始终按比例打开以适合视口或原始大小...您无法通过width 或height API 选项来操作图像的大小。

所以你的 v2.x 脚本应该是

$("a.loader").fancybox({
    width: 1000,
    height: 1050,
    autoSize : false,
    fitToView : false,
    maxWidth : '100%' // I don't think you need this
});

...仅适用于 ajax、html、内联和 iframe 内容，不适用于图像。

【讨论】：