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

3 votes342 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
3 votes339 views3 answers
Unsplash url
CSS
0 vote334 views1 answer
React right burger scrol bar
CSS
1 vote377 views1 answer
Ie11 flex 1
CSS
0 vote305 views1 answer
Css pseudo-class no children
CSS
0 vote309 views1 answer
Style50 for cs50
CSS
0 vote329 views1 answer
Css loading spinner with text
CSS
3 votes305 views1 answer
Media queries css not working for mobile
CSS
0 vote318 views1 answer
Réglage de constantes PHP
CSS
13 votes306 views4 answers
Background color transparent
CSS