resolution

<p>これは、お使いのデバイスのピクセル密度を検査するものです。</p>

/* 単位 `dpi` による正確な解像度 */
@media (resolution: 150dpi) {
  p {
    color: red;
  }
}
/* 同義語である `dppx` および `x` による最小解像度 */
@media (min-resolution: 2dppx) {
  p {
    text-decoration: underline;
  }
}
@media (min-resolution: 2x) {
  p {
    text-decoration: underline;
  }
}
/* 単位 `dpcm` による最大解像度 */
@media (max-resolution: 2dpcm) {
  p {
    background: yellow;
  }
}