跳至主要内容

media-feature-name-unit-allowed-list

指定媒体特征中允许的名称和单位对列表。

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

选项

object: { "name": ["array", "of", "units"]|"unit" }

如果特征名称用 "/" 括起来(例如 "/height/"),则将其解释为正则表达式。例如,这允许轻松地针对简写:/height/ 将匹配 heightmin-heightmax-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) {}