问iPhone上的Fancybox()不能缩放

EN

对于希望在特定屏幕大小上禁用fancybox的客户端，我通常做的是

1. 在一个变量中设置我喜欢的屏幕大小，如 var setfancybox = 480；//或随便什么 ……如果屏幕width大于480，我将允许图像在fancybox中打开，否则将以普通图像的形式打开。
2. 代码(html)具有另一个类的目标元素，但fancybox如下所示： 图01 ..。在本例中，我使用的是类modal，这样就可以操作元素。
3. 编写一个函数，检查屏幕的width，并动态地向我的modal选择器添加或删除fancybox类(它应该在fancybox初始化脚本之后运行)如下： 当屏幕大小> setfancybox值函数checkScreen() { screenWidth = window.innerWidth；if (screenWidth > setfancybox) { //模式元素应在fancybox (!jQuery(".modal").hasClass(" fancybox ")) {jQuery(“.modal”).addClass(“fancybox”)中打开；}{ if (jQuery(".modal").hasClass("fancybox")) { jQuery(".modal").removeClass("fancybox")；}}jQuery(Document).ready(函数( $(".fancybox").fancybox()；checkScreen()；})；//就绪
4. 如果调整了checkScreen()的大小(更改了方向！？)，您可以选择再次运行window函数。所以你可以： $(Window).resize(函数() { clearTimeout( _resize )；_resize= setTimeout (函数() { checkScreen()；}，500)；// setTimeout })； .注意到，我们使用setTimeout/clearTimeout来避免函数在resize进程中运行几次，但直到它停止为止。它还假设您以前将_resize变量声明为全局变量。

请参阅JSFIDDLE