色域 | @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 |
? |
??本文标题：
色域 | @media.color-gamut (Media Queries) – CSS 中文开发手册 – Break易站 转载请保留页面地址：https://www.breakyizhan.com/css/32265.html