css - 如何从打印中隐藏 CSS 媒体查询？ "not"逻辑运算符不起作用

Question

我试图隐藏媒体查询不被打印，所以我想到了@media not print and (min-width:732px)。但无论出于何种原因，这个(以及我尝试过的许多变体)在浏览器中都没有像我期望的那样显示。

我能想到的唯一选择是使用 @media screen 和 (max-width:732px)，但我想避免这种情况，因为它排除了屏幕以外的所有其他媒体类型。

Answer 1

媒体查询语法至少可以说非常有限。

但是对于 CSS3(不是 CSS2.1)，您似乎可以嵌套 @media 规则。

@media not print {
    @media (min-width:732px) {
        ...
    }
}

这基本上是作为 (not print) and (min-width:732px) 执行的。

参见 https://stackoverflow.com/a/11747166/3291457了解更多信息。