diff --git a/files/en-us/web/css/@media/resolution/index.md b/files/en-us/web/css/@media/resolution/index.md index 7ba76c9e6989b4f..ef1c33145cf6185 100644 --- a/files/en-us/web/css/@media/resolution/index.md +++ b/files/en-us/web/css/@media/resolution/index.md @@ -24,22 +24,28 @@ The `resolution` feature is specified as a {{cssxref("<resolution>")}} val ### CSS ```css -/* Exact resolution */ +/* Exact resolution with unit `dpi` */ @media (resolution: 150dpi) { p { color: red; } } -/* Minimum resolution */ -@media (min-resolution: 72dpi) { +/* Minimum resolution synonym units: `dppx` and `x` */ +@media (min-resolution: 2dppx) { p { text-decoration: underline; } } -/* Maximum resolution */ -@media (max-resolution: 300dpi) { +@media (min-resolution: 2x) { + p { + text-decoration: underline; + } +} + +/* Maximum resolution with unit `dpcm` */ +@media (max-resolution: 2dpcm) { p { background: yellow; }