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

50 votes127 views4 answers
Truncate text css
CSS
1 vote121 views1 answer
Import css in thymeleaf
CSS
38 votes121 views6 answers
Gradient text color css
CSS
1 vote126 views1 answer
Repeat autofill css grid minmax
CSS
7 votes139 views2 answers
Change button shape css
CSS
9 votes133 views1 answer
Image background html css tricks
CSS
83 votes136 views4 answers
Css placeholder color
CSS
-1 vote127 views2 answers
Css make border rotate around element
CSS
3 votes144 views2 answers
How to modify select icon csshow to modify select icon css
CSS
49 votes154 views4 answers
Scrollbar
CSS