設置爲響應fancybox中的圖像

Question

在我的筆記本電腦屏幕中工作正常，但我需要responsive才能在智能手機和平板電腦上正常工作。我的意思是：響應

$(document).ready(function() { 
    $.fancybox({ 
    'width': '800px', 
    'height': '286px', 
    'autoScale': true, 
    'transitionIn': 'fade', 
    'transitionOut': 'fade', 
    'type': 'image', 
    'href': 'style/images/banner.jpg' 
}); 

Answer 1

試試這個：

$(document).ready(function() { 
    $.fancybox({ 
    'max-width': '800px', 
    'min-width': '200px', 
    'max-height': '286px', 
    'min-height': '200px', 
    'autoScale': true, 
    'transitionIn': 'fade', 
    'transitionOut': 'fade', 
    'type': 'image', 
    'href': 'style/images/banner.jpg' 
}); 

編輯值按你的願望。