#media-feature-name-no-unknown

禁止未知的媒体功能名。

@media (min-width: 700px) {}
/**     ↑
 * 这个媒体功能名 */

此规则考虑了 CSS 规范中定义的媒体功能名,包括已知的编辑草案。

此规则忽略:

  • 范围上下文中的媒体功能名称
  • 带浏览器引擎前缀的媒体功能名称

#选项

#true

以下模式被视为违规:

@media screen and (unknown) {}
@media screen and (unknown: 10px) {}

以下模式被视为违规:

@media all and (monochrome) {}
@media (min-width: 700px) {}
@media (MIN-WIDTH: 700px) {}
@media (min-width: 700px) and (orientation: landscape) {}
@media (-webkit-min-device-pixel-ratio: 2) {}

#可选的辅助选项

#ignoreMediaFeatureNames: ["/regex/", /regex/, "string"]

给定:

["/^my-/", "custom"]

以下模式被视为违规:

@media screen and (my-media-feature-name) {}
@media screen and (custom: 10px) {}
@media (min-width: 700px) and (custom: 10px) {}