web:css:media_feature

Table of Contents

About

media feature is the feature of a media that can be used in a media query in order to target the styling rule to a specific device.

Articles Related

List

width (the total width of the page in CSS pixels (logical pixel))
height
device-width (takes a device pixel (physical pixel))
device-height (takes a device pixel)
orientation
aspect-ratio
device-aspect-ratio
color
color-index
monochrome
scan
grid
resolution

Most media features accept optional ‘min-’ or ‘max-’ prefixes to express “greater or equal to” and “smaller or equal to” constraints in media_query

Example:

(max-width: 375px) and (min-resolution:192dpi)

You can find the detailed of each media feature in the specification

List media features of your user agent

List the media feature of your user agent (generally your browser)

https://pieroxy.net/blog/pages/css-media-queries/test-features.html