メインコンテンツにスキップ

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