CSS - Media Features


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.


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


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


Discover More
CSS - Resolution

resolution is a media feature that is used in media query to target styling rule to a specific device. The resolution with javascript can be calculated by multiplying the device pixel ratio by 96....
Media Query - Targeting a styling rule to a screen device

A media query permits to target precisely the characteristics of a device to the styling rules

Share this page:
Follow us:
Task Runner