Fancybox 2.1.7 从 85% 加载到 100% 后手动设置宽度

如何解决Fancybox 2.1.7 从 85% 加载到 100% 后手动设置宽度

我使用的是fancybox-2.1.7（是不是太旧了？）我从这个参数开始：

   $(".loadPage").fancybox({
            width       : '85%',height      : '100%',autoSize    : false,closeClick  : false,openEffect  : 'none',closeEffect : 'none',closeBtn  : true,padding: '0',margin: '0 '
});

当屏幕小于 1000 像素时，我需要将宽度设置为 100%。 我尝试以这种方式更改宽度：

var lightBoxOnResize = function lightBoxOnResize() {
if ($(window).width() < 1000) { $('.fancybox-inner').css('width','100%');   }}

还有这种方式：

$('.fancybox-inner','.fancybox-wrap','.fancybox-desktop','.fancybox-type-iframe','.fancybox-opened').css('width','100%');

但我看到宽度始终为 85%。

这是 html 输出：

<div class="fancybox-wrap fancybox-desktop fancybox-type-iframe fancybox-opened" tabindex="-1" style="width: 1617px; height: auto; position: absolute; top: 0px; left: 0px; opacity: 1; overflow: visible;"><div class="fancybox-skin" style="padding: 0px; width: auto; height: auto;"><div class="fancybox-outer"><div class="fancybox-inner" style="overflow: auto; width: 1617px; height: 397px;"><iframe id="fancybox-frame1610990827889" name="fancybox-frame1610990827889" class="fancybox-iframe" vspace="0" hspace="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" scrolling="auto" src="my_link.html" frameborder="0"></iframe></div></div><a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a></div></div>

我已通过浏览器控制台将 1617px 宽度更改为 100%，并且达到了我想要的效果。但是我如何通过 jquery 命令来做到这一点？