根据图像大小调整花式框的大小

Question

我正在将一些图像加载到一个花式框窗口中。所有图像都是动态调用的，并且都具有不同的宽度和高度。我无法根据图像及其大小调整花式框窗口的大小。我不想设置明确的宽度和高度，因为尺寸会发生变化。我这样做是为了设置大小，但如果这是正确的，我不这样做。我已经阅读了一些关于该问题的文章，但找不到解决方案

<script type="text/javascript">
$(document).ready(function () {

    $(".fancybox").fancybox({

        width: '100%',
        height: '100%',
    });
});

Answer 1

查看fancybox api，它说它有这个选项：

autoScale: true //If true, FancyBox is scaled to fit in viewport

因此，您可以将该选项传递给您的 .fancybox 选择器并试一试：

$(".fancybox").fancybox({
    autoScale: true
});