媒體功能名稱不允許未知

禁止未知媒體功能名稱。

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

此規則將 CSS 規範中定義的媒體功能名稱（包括編輯草案）視為已知。

此規則會忽略供應商前綴的媒體功能名稱。

訊息次要選項可以接受此規則的參數。

選項

以下模式被視為問題

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