Device-pixel-ratio css

/* Exact resolution */
@media (-webkit-device-pixel-ratio: 1) {
  p {
    color: red;
  }
}

/* Minimum resolution */
@media (-webkit-min-device-pixel-ratio: 1.1) {
  p {
    font-size: 1.5em;
  }
}

/* Maximum resolution */
@media (-webkit-max-device-pixel-ratio: 3) {
  p {
    background: yellow;
  }
}

Source: developer.mozilla.org

Similar codes

0 vote125 views3 answers
Assignment 1
CSS
0 vote135 views1 answer
Css flex add second row
CSS
5 votes154 views3 answers
Css box shadow not on bottom
CSS
0 vote134 views1 answer
Css background templates
CSS
0 vote155 views1 answer
Installer scss projet wordpress
CSS
0 vote218 views1 answer
Feature detect css
CSS
3 votes214 views1 answer
How to use bulma in gatsby
CSS Bulma
0 vote136 views1 answer
Change color to white svg with filter
CSS
0 vote135 views1 answer
Why we are translating -50%, -50% in css
CSS
1 vote152 views2 answers
Onclick url
CSS