设置为响应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'
});

根据您的需要编辑值。