css - メディアクエリで>または<（より大きいおよびより小さい）記号を使用する方法

Question

メディアクエリで「>」または「<」記号（より大きいおよびより小さい）を使用できますか？たとえば、768px未満のすべてのモニターのダイビングを非表示にします。私はこのようなことを言うことができます：

@media screen and (min-width<=768px) {}

Answer 1

メディアクエリはこれらのシンボルを使用しません。代わりに、プレフィックスmin-とmax-プレフィックスを使用します。これは仕様でカバーされています：

• ほとんどのメディア機能は、オプションの「min-」または「max-」プレフィックスを受け入れて、「以上」および「以下」の制約を表します。この構文は、HTMLおよびXMLと競合する可能性のある「<」および「>」文字を回避するために使用されます。プレフィックスを受け入れるメディア機能は、ほとんどの場合プレフィックスとともに使用されますが、単独で使用することもできます。

したがって、のようなものの代わりに、代わりに次のよう(width <= 768px)に言い(max-width: 768px)ます。

@media screen and (max-width: 768px) {}

Answer 2

@media screen and (max-width: 768px) { ... }