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 vote224 views1 answer
Css blur background behind div
CSS
1 vote262 views1 answer
Mini-css-extract-plugin
CSS
4 votes219 views2 answers
Css center vertically
CSS
0 vote237 views1 answer
Center div with variable height
CSS
1 vote231 views1 answer
Display none but keep space
CSS
2 votes240 views2 answers
Why is my css not working
CSS
0 vote231 views1 answer
Css animation top goes back to start
CSS
3 votes211 views2 answers
Bootstrap 5 pagination
CSS
3 votes216 views1 answer
Mettre une image au milieu css
CSS
2 votes256 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS