resolution
Summary
The media feature describes the resolution (pixel-density) of the output device. The resolution can be specified in dpi (dots per inch), dppx (dots per pixel) or dpcm (dots per centimeter).
Syntax
- resolution: <resolution>
- min-resolution: <resolution>
- max-resolution: <resolution>
Values
resolution
Value for the resolution of a device must be a resolution value.
Examples
The first media query describes a non-screen devices with a minimum resolution of 300 dots per inch.
The second example describes a device with a screen that has a pixel-density of 2 or higher.
@media print and (min-resolution: 300dpi) { ... }
@media screen and (min-resolution: 2dppx) { ... }
Related specifications
- Media Queries Level 4
- Working Draft
- Media Queries
- Recommendation