我们可以使用“>”或“<”符号在媒体查询（不是比大于和小于）？ 比如我想隐藏扑向了所有监控小于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) { ... }
Answer 3:
退房萨斯LIB 包括媒体 ，它（尽管是社科院）解释了如何像调用@include media('<=768px')映射到纯CSS @media查询。 特别是，看到这一节的文档中。
TLDR，你从那里学到什么：
做类似的等效media('<=768px')小于或等于768）在CSS，你需要写
@media (max-width: 768px) {}
并且做的相当的media('<768px')小于768）在CSS，你需要写
@media (max-width: 767px) {}
注意我是如何减去1从768 ，这样最大宽度小于768（因为我们想模仿<低于行为，它实际上并不存在于CSS）。
于是效仿像media('>768px', '<=1024')在CSS，我们可以这样写：
@media (min-width: 769px) and (max-width: 1024px) {}
和media('>=768px', '<1024')将
@media (min-width: 768px) and (max-width: 1023px) {}
文章来源: How to use > or < (Greater than and Less than ) Symbols in Media Queries
