media-feature-range-notation

为媒体功能范围指定上下文或前缀表示法。

@media (width >= 600px) and (min-width: 600px) {}
/**    ↑                    ↑
 *     These media feature notations */

范围类型的媒体功能可以使用前缀或更现代的上下文表示法编写。

因为min-和max-都等同于包含值的范围比较，所以它们可能在某些情况下有限制.

该message辅助选项可以接受此规则的参数。

该fix选项可以自动修复此规则报告的一些问题。

选项

string: "context"|"prefix"

媒体功能范围必须始终使用上下文表示法。

以下模式被视为问题

@media (min-width: 1px) {}

@media (min-width: 1px) and (max-width: 2px) {}

以下模式不被视为问题

@media (width >= 1px) {}

@media (1px <= width <= 2px) {}

媒体功能范围必须始终使用前缀表示法。

以下模式被视为问题

@media (width >= 1px) {}

@media (1px <= width <= 2px) {}

以下模式不被视为问题

@media (min-width: 1px) {}

@media (min-width: 1px) and (max-width: 2px) {}