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
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