Question

我在我的网站（www.chaotickym.com）的索引页面上使用了Fancybox 3。该页面可在大型屏幕尺寸（例如笔记本电脑）上正确显示，但在手机上查看时无法正确调整大小。

如果在较大的设备上查看，页面几乎仍然是相同的宽度。菜单一直在最右边，您必须沿着屏幕顶部向右滑动手指才能看到它。

我网站上的其他页面显示正确。如果我从索引页面中删除插件代码，该页面基本上是一个空白页面，页面将正确显示。这使我认为显示调整大小问题与插件有关。

有没有办法让它的大小正确，还是最好在较小的设备上禁用Fanybox？

Answer 1

我找到了一种方法，可以在另一个stackoverflow帖子的较小设备上禁用Fancybox。

$(".fancybox-img").click( function( e ) {
if ( window.innerWidth < 799 ) {
    e.stopPropagation();
    e.preventDefault();
}

}） $（＆＃34; .fancybox-img＆＃34;）。fancybox（{ 保证金：100， autoSize：true， }）;