禁用移动设备上Fancybox图片的捏合缩放

要禁用移动设备上Fancybox图片的捏合缩放，可以通过CSS样式来实现。以下是一个示例代码：

/* 禁用移动设备上的捏合缩放 */
@media only screen and (max-width: 767px) {
  .fancybox-image {
    touch-action: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    pointer-events: none;
  }
}

在上面的代码中，我们使用了@media查询来仅在移动设备上应用样式。然后，我们为.fancybox-image元素添加了一些CSS规则，以禁用触摸操作和捏合缩放。这些规则包括：

• touch-action: none; - 禁用触摸操作
• user-select: none; - 禁用文本选择
• -webkit-user-drag: none; - 禁用元素的拖动操作
• -webkit-touch-callout: none; - 禁用长按弹出菜单
• -webkit-tap-highlight-color: transparent; - 禁用点击高亮效果
• pointer-events: none; - 禁用所有指针事件

请注意，上述代码中的.max-width: 767px可以根据您的需要进行修改，以便在其他屏幕尺寸下应用样式。

希望这个解决方法对您有帮助！