根據圖像大小調整大小的花式框

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