CSS Value: Resolution
The “dot” size of a graphical output, relating to CSS lengths.
Used to assess resolution by the resolution
media feature of media queries. It will also be used by forthcoming CSS properties.
Unit | Description | Example |
---|---|---|
dpi |
Dots per inch. | @media (max-resolution: 96dpi) { /* Standard and low-res CSS rules */ } |
dpcm |
Dots per centimeter. | @media (min-resolution: 762dpcm) { /* Very high-res (such as printer) CSS rules */ } |
dppx |
Dots per px unit. |
@media (min-resolution: 2dppx) { /* High-res (such as "retina" screen) CSS rules */ } |