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

1 vote312 views2 answers
Hide text css
CSS
2 votes327 views1 answer
Remove accordion space materuail ui css
CSS
-1 vote330 views1 answer
Css display contents
CSS
-2 votes368 views1 answer
Reduce image size on mobile view css
CSS
0 vote330 views1 answer
Purge tailwind 3
CSS
0 vote327 views1 answer
Table td remove padding
CSS
0 vote342 views1 answer
Estilos de scroll css
CSS
4 votes358 views3 answers
Css image cover
CSS
0 vote343 views1 answer
How to loop a javascript array
CSS
-1 vote333 views2 answers
How to scroll fixed position
CSS