Fancybox 在移动设备上没有响应

Question

我在我的网站 ( www.chaotickym.com ) 的索引页面上使用 Fancybox 3。 该页面可以在笔记本电脑等大屏幕上正确显示，但在手机上查看时无法正确调整大小。

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

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

有没有办法使其大小正确，或者最好在较小的设备上禁用 Fanybox？

Answer 1

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

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

$(".fancybox-img").fancybox( {
    margin     : 100,
    autoSize   : true,
});

在手持设备上禁用fancybox