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 vote139 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
152 votes188 views6 answers
How to add bold in css
CSS
0 vote134 views1 answer
Text area resize css
CSS
1 vote171 views1 answer
How to scale a bg image acc to size of div
CSS
1 vote145 views1 answer
Gatsby hide scrollbar
CSS
2 votes206 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
-2 votes132 views4 answers
Js simulate click on div
CSS
0 vote131 views1 answer
Autocomplete widget not working in modal popup
CSS
0 vote213 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote100 views1 answer
Img grows up onmouseover css
CSS