色域 | @media.color-gamut (Media Queries) - CSS 中文开发手册 - Break易站
色域 | @media.color-gamut (Media Queries) - CSS 中文开发手册
@media.color-gamut
color-gamut CSS @media媒体功能 基于由用户代理和输出设备所支持的颜色的大致范围内,可以应用样式。
语法
该color-gamut功能被指定为从下面的列表中选择的关键字值。
srgb输出设备可以支持大约sRGB色域或更多。这包括绝大多数的彩色显示器。
p3输出设备可以支持大约DCI P3色彩空间指定的色域或更多。p3色域比srgb色域大,包含srgb色域。
rec2020输出设备可以支持大约ITU-R建议书BT.2020色空间指定的色域。rec2020色域大于p3色域。
例子
HTML
<p>This is a test.</p>
CSS
@media (color-gamut: srgb) { p { background: #f4ae8a; } }
结果
规范
Specification | Status | Comment |
---|---|---|
Media Queries Level 4The definition of 'color-gamut' in that specification. | Working Draft | Initial definition. |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 58 | No support | No support | 45 | (Yes) |
Feature | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | No support | 58 | No support | No support | 45 | ? |