色域 | @media.color-gamut (Media Queries)

  CSS 中文开发手册

色域 | @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	?

  CSS 中文开发手册

  本文标题：色域 | @media.color-gamut (Media Queries) – CSS 中文开发手册 - Break易站

转载请保留页面地址：https://www.breakyizhan.com/css/32265.html