CSS メディアクエリを印刷から隠すにはどうすればいいですか? 「not」論理演算子は機能しません 質問する

CSS メディアクエリを印刷から隠すにはどうすればいいですか? 「not」論理演算子は機能しません 質問する

メディア クエリが印刷されないようにしたいので、 を思いつきました@media not print and (min-width:732px)。しかし、何らかの理由で、これ (および私が試した多くのバリエーション) はブラウザーで期待どおりに表示されません。

考えられる唯一のオプションは を使用することです@media screen and (max-width:732px)が、画面以外のすべてのメディアタイプが除外されるため、これを避けたいと思います。

ベストアンサー1

メディアクエリの文法は、控えめに言ってもかなり制限されています。

@mediaしかし、CSS3 (CSS2.1 ではありません) では、ルールをネストできるようです。

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

これは基本的に として実行されます(not print) and (min-width:732px)

見るhttps://stackoverflow.com/a/11747166/3291457詳細については。

おすすめ記事