Mobile 在媒体查询中禁用视口中的fancybox

Mobile 在媒体查询中禁用视口中的fancybox,mobile,css,fancybox,media-queries,responsive-design,Mobile,Css,Fancybox,Media Queries,Responsive Design,我想知道是否有一个快速的解决方案,可以在我的媒体查询中杀死分辨率低于480px的fancybox手机通话。因此,使用fancybox的项目在某些分辨率下不会使用它,而是直接链接到.html页面(我使用的是iFrame fancybox) 我刚刚试过显示:没有;在我在某些视口中使用的fancybox类中,没有成功 .fancybox-iframe { display: none; } 媒体查询是很挑剔的事情。有些CSS属性可以使用,而有些不能。我相信显示器就是其中之一 我发现最好将最大宽度设置为

我想知道是否有一个快速的解决方案,可以在我的媒体查询中杀死分辨率低于480px的fancybox手机通话。因此,使用fancybox的项目在某些分辨率下不会使用它,而是直接链接到.html页面(我使用的是iFrame fancybox)

我刚刚试过显示:没有;在我在某些视口中使用的fancybox类中,没有成功

.fancybox-iframe { display: none; }

媒体查询是很挑剔的事情。有些CSS属性可以使用,而有些不能。我相信显示器就是其中之一


我发现最好将
最大宽度设置为0px。

媒体查询很挑剔。有些CSS属性可以使用,而有些不能。我相信显示器就是其中之一


我发现最好将
最大宽度设置为0px。

为什么不先计算
视口的值?如果
viewport>480
,则加载fancybox+自定义脚本(如果某个条件为
true
,则加载比删除/杀死它更容易)。关于如何检测
视口
,以及如果存在条件,如何创建脚本(
document.createElement('script');
),有几个问题/答案。为什么不先计算
视口
?如果
viewport>480
,则加载fancybox+自定义脚本(如果某个条件为
true
,则加载比删除/杀死它更容易)。关于如何检测
视口
,以及如果存在条件,如何创建脚本(
document.createElement('script');
),有几个问题/答案。