0

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

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

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

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

4

1 回答 1

0

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

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

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

在手持设备上禁用fancybox

于 2017-06-12T20:22:05.753 回答