mobile - 在媒体查询的视口(viewport)内禁用 fancybox

Question

我想知道是否有一种快速解决方案可以在我的媒体查询中以低于 480 像素的分辨率终止我的 fancybox 调用。因此，使用 fancybox 的元素不会在某些分辨率下使用它，而是直接链接到 .html 页面(我使用的是 iFrame fancybox)。

我刚试过 display: none;在我在某些视口(viewport)使用的 fancybox 类上，没有成功。

.fancybox-iframe { display: none; }

Answer 1

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

我发现最好将 max-width 设置为 0px。