CSS参考手册
媒体查询 | Media Queries
环境光照水平 | @media.light-level
@media.light-level
非标准
这个功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间也可能存在大的不兼容性,并且行为在未来可能会改变。
该light-level
CSS @media
媒体功能可用于应用基于环境光级别样式。
语法
dim
该设备用于昏暗的环境,过度的对比度和亮度会使读者分心或不舒服。例如:夜间,或室内昏暗的环境
。normal
该设备用于屏幕理想范围内的光照水平的环境中,并且不需要任何特定的调整。
washed
该设备是在一个非常明亮的环境中使用,导致屏幕被渲光,难以阅读。例如:明亮的日光。
例子
此代码可能无法在任何设备上工作(设备兼容性较低)。
@media (light-level: normal) {
p { background: url("texture.jpg"); color: #333 }
}
@media (light-level: dim) {
p { background: #222; color: #ccc }
}
@media (light-level: washed) {
p { background: white; color: black; font-size: 2em; }
}
规范
Specification |
Status |
Comment |
---|---|---|
Media Queries Level 4The definition of 'light-level' in that specification. |
Working Draft |
Deferred to Media Queries Level 5. |
浏览器兼容性
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|
Basic support |
No support |
No support |
No support |
No support |
No support |
Feature |
Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|
Basic support |
No support |
No support |
No support |
No support |
No support |
媒体查询 | Media Queries相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。