媒體功能-名稱-單位-允許清單

在媒體功能中指定允許的名稱和單位配對清單。

@media (width: 50em) {}
/**     ↑         ↑
 * This media feature name and these units */

選項

物件：{ "name": ["陣列", "of", "units"]|"unit" }

如果功能名稱以 "/" 圍繞（例如 "/height/"），它會被解釋為正規表示式。這允許輕鬆鎖定速記，例如：/height/ 會符合 height、min-height、max-height 等。

給定

{
  "width": "em",
  "/height/": ["em", "rem"]
}

以下模式被視為問題

@media (width: 50rem) {}

@media (height: 1000px) {}

@media (min-height: 1000px) {}

@media (height <= 1000px) {}

以下模式不會被視為問題

@media (width: 50em) {}

@media (width <= 50em) {}

@media (height: 50em) {}

@media (min-height: 50rem) {}