Limited Availability
7 featuresThe prefers-reduced-transparency CSS media query sets styles based on whether the user prefers to reduce the amount of transparent effects on their device, for example to improve contrast and legibility.
The display-mode CSS media query sets styles based on whether the web page is in an ordinary browser tab mode or another mode, such as fullscreen, standalone, or minimal-ui.
The video-dynamic-range CSS media query sets styles based on whether a device can display video with at least standard range colors or at least high range colors. Non-visual devices will match neither.
The inverted-colors CSS media query sets styles based on whether the user has inverted all colors, such as with mobile accessibility settings.
The device-aspect-ratio, device-height, and device-width media features describe physical properties of the displaying output device.
The @custom-media CSS at-rule names a media query, which you can reuse in multiple @media rules.
The prefers-reduced-data CSS media query detects whether the user has a preference for using less network traffic. For example, you can use this media query to avoid loading large font files and use a system font instead.