#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) {}