media-feature-name-no-unknown

禁止使用未知的媒体特征名称。

@media (min-width: 700px) {}
/**     ↑
 * This media feature name */

此规则认为 CSS 规范中定义的媒体特征名称（包括编辑草案）是已知的。

此规则忽略供应商前缀的媒体特征名称。

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

选项

以下模式被视为问题

@media screen and (unknown) {}

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

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

鉴于

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

以下模式不被视为问题

@media screen and (my-media-feature-name) {}

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

@media screen and (100px < custom < 700px) {}

@media (min-width: 700px) and (custom: 10px) {}