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

Question

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

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

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

Resize fancy box based on image size

javascript

css

width

fancybox