“light-level”メディア・フィーチャー｜メディア・フィーチャー｜メディア・クエリ｜CSS－havin' a coffee break

＃

“light-level”メディア・フィーチャーについて

“light-level”メディア・フィーチャーは出力デバイスが置かれた環境の明るさを条件とするためのメディア・フィーチャーです。

スマートフォンなどに搭載されている周囲の明るさを検知する機能をもとに判定します。周囲の環境が暗く過度なコントラストや明るい画面が見づらい時や周囲が明るくディスプレイに反射して見づらい時にスタイルを切り替えるために使用します。

＃

値	説明
dim	出力デバイスは薄暗く、明るい画面が見づらい環境にある
normal	出力デバイスは画面の明るさと同等の明るさで見やすい環境にある
washed	出力デバイスは過度に明るく、ディスプレイに反射して見づらい環境にある

＃



@media (light-level: washed) {


.sample {



/* 明るい環境にあるデバイスに適用されるスタイル。 */



}


}