CSS · Units

dpi / dppx

Resolution units for media queries and image sets.

cssRunnable example css course

Syntax

96dpi

Example

Try it

@media (min-resolution: 1dppx) { .demo { background: #eef6ff; } }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.