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

Question

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

<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
});