Resolution query

Checks how sharp the screen is, for high-density images.

What does the resolution media feature do?

resolution checks how sharp the screen is, so you can serve sharper images to high-density displays.

@media (min-resolution: 2dppx) {
  .logo { background-image: url("logo@2x.png"); }
}

Level: Journeyman · More CSS terms at this level

Updated