The resolution CSS media query sets styles based on the pixel density, or how many pixels a device uses to display a single CSS pixel.

The prefers-contrast CSS media query sets styles based on whether the user prefers more or less contrast, the difference between foreground and background colors.

The dynamic-range CSS media query sets styles based on whether a device can display at least standard range colors or at least high range colors. Non-visual devices will match neither.