Specify context or prefix notation for media feature ranges.
@media (width >= 600px) and (min-width: 600px) {}
/** ↑ ↑
* These media feature notations */Media features of the range type can be written using prefixes or the more modern context notation.
Because min- and max- both equate to range comparisons that include the value, they may be limiting in certain situations.
string: "context"|"prefix"
Media feature ranges must always use context notation.
The following patterns are considered problems:
@media (min-width: 1px) {}@media (min-width: 1px) and (max-width: 2px) {}The following patterns are not considered problems:
@media (width >= 1px) {}@media (1px <= width <= 2px) {}Media feature ranges must always use prefix notation.
The following patterns are considered problems:
@media (width >= 1px) {}@media (1px <= width <= 2px) {}The following patterns are not considered problems:
@media (min-width: 1px) {}@media (min-width: 1px) and (max-width: 2px) {}