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

Question

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

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