-webkit-device-pixel-ratio

/* "dppx" の単位が含まれています。 */
@media (-webkit-min-device-pixel-ratio: 2) {
  /* … */
}
/* 次のものと同じです。 */
@media (min-resolution: 2dppx) {
  /* … */
}

/* 同様に */
@media (-webkit-max-device-pixel-ratio: 2) {
  /* … */
}
/* 次のものと同じです。 */
@media (max-resolution: 2dppx) {
  /* … */
}

<p>This is a test of your device's pixel density.</p>

/* 正確な解像度 */
@media (-webkit-device-pixel-ratio: 1) {
  p {
    color: red;
  }
}

/* 最低解像度 */
@media (-webkit-min-device-pixel-ratio: 1.1) {
  p {
    font-size: 1.5em;
  }
}

/* 最高解像度 */
@media (-webkit-max-device-pixel-ratio: 3) {
  p {
    background: yellow;
  }
}